Svelte でチャットボット ウィジェットを作成しました。これは Web サイトに統合できるはずです。Web サイトの所有者は、コンパイルされた JS および CSS ファイルを取得します。ここまでは順調ですね。
ただし、すべての Web サイトの所有者は、CSS ファイルからスタイルを上書きできる必要があります。問題ありません。たとえば、ヘッダーの背景色を単純に上書きできます。
.chat-widget.svelte-kcmu8l header.svelte-kcmu8l {
background-color: #fff;
}
ただし:たとえば、バグを修正してウィジェットを再コンパイルするとします。さらに、私の変更によってハッシュkcmu8lが変更され、Web サイトの所有者が行った以前の調整が機能しなくなったと仮定します。
どうすればこのような状況を防ぐことができますか? クラスを省略しsvelte-xxxたり、独自のハッシュ値を定義したりすることはできますか?