問題タブ [svelte-3]

このようなことを可能にしたいと思います：

したがって、常に適用されるクラスの 1 つのセットです。1 つは true の場合にのみ設定されwhiteTheme、もう 1 つは true の場合にのみ設定されdarkThemeます。

私は awhiteThemeとdarkThemecss クラスを定義して、それをそのように機能させることができることを知っています

しかし、要点は、各要素を個別に設計したいということです（特に、アプリケーションの開始段階で）。そして、異なるクラスの各要素に対して一連のクラスを定義する必要があります... Tailwind.css を使用して特定の要素を実験するという目的に逆らいます (css 定義と要素定義の間を行き来することなく)。

私が選択できる別の方法はこれです：

これはまあまあですが、別の属性で定義することで可読性と保守性を向上させたいと思っています...

だから、私が望むように動作させる方法があるかどうか疑問に思っています.例えば、Svelteコンパイラを簡単に拡張できますか?

最高のヨハネス

ページに洗練されたコンポーネントを追加すると、クラスの新しい模範が作成されます。

そして毎回コンポーネントが破壊され、再び作成されます。
しかし、コンポーネントの状態を保存する必要があります。
(例: ブロックの表示、ブロックの位置、テキストなど)
新しい見本を作成するときは、それをグローバル変数に入れることができます。グローバルから出力できますか？それは本当ですか？

レビューを表示するカルーセルがあります。ボタンをクリックすると、次のエラーが発生します。

奇妙なことに、すべてが機能するため、何も壊れていません。しかし、このエラーがどこから来ているのか、何が原因なのかを理解することはできません。コードは次のとおりです。

コンポーネントを作成し、プログラムでイベント リスナーをアタッチすることは可能ですか?

<svelte:component/>これは、 を使用して広がる小道具で簡単に可能であることを知ってい{ ...props }ます。イベントリスナーをアタッチするために同様のことが達成できるのではないかと思います。

たとえば、次の例では、プログラムで および にアタッチしたいと考えていon:messageます。Aon:countB

これがライブデモです: https://svelte.dev/repl/af1bd30ab75b43f19b72a306340b7282?version=3.18.2

componentsつまり、配列を次のように拡張する方法があることを望んでいます

Svelte でチャットボット ウィジェットを作成しました。これは Web サイトに統合できるはずです。Web サイトの所有者は、コンパイルされた JS および CSS ファイルを取得します。ここまでは順調ですね。

ただし、すべての Web サイトの所有者は、CSS ファイルからスタイルを上書きできる必要があります。問題ありません。たとえば、ヘッダーの背景色を単純に上書きできます。

ただし:たとえば、バグを修正してウィジェットを再コンパイルするとします。さらに、私の変更によってハッシュkcmu8lが変更され、Web サイトの所有者が行った以前の調整が機能しなくなったと仮定します。

どうすればこのような状況を防ぐことができますか? クラスを省略しsvelte-xxxたり、独自のハッシュ値を定義したりすることはできますか?