vueスコープスタイルとブートストラップとの間の競合

Question

私はvuejsに埋め込みプラグインを開発しています。 devモードでは、このプラグインはブートストラップをロードするlorem ipsum htmlページに埋め込まれています。

"close"クラスのプラグイン内の要素の1つが、ブートストラップクローズクラスの影響を受けていることに気付きました。私はVue.jsのスタイルを完全にスコープして外部スタイルの影響を受けないようにしたい（このプラグインは顧客によって埋め込まれるので）。プラグインの外に漏れないように内部スコープのスタイルをしたい。

ウェブパックのコンパイル時にクラス名を一意のIDで上書きするなどの方法があるかどうかを知りたいですか？

Answer 1

プラグインをdiv#myIdにラップし、有効範囲内のCSSを使用して、div#myId内の要素をターゲティングすることができます。あなたのケースでは

あなたがそうのように「近い」タグを持つ要素をターゲットにできます。はい、それは私が仕事だ

div#myID .close{ 
    /* your styles here */ 
}