マイクロフロントエンドを変更するときにブートストラップをアンインストールするにはどうすればよいですか?

Question

<磷> 問題があります。私たちのチームが React および Bootstra のリンや、異なるテクノロジーを備えた他のモジュールを使用しているとき、彼らは Tailwind を使用しているため、マイクロ フロントエンドのリンクがそのリンクに変更されると、Bootstra のリン スタイルはまだ存在します。そして、tailwind と bootstra phosphorus には多くのクラス名がありますが、オプションが異なるため、スタイルでこの問題が発生します。つまり、このブートストラップ _utilities.scss は webpack から来ており、何らかの理由で、node_modules を除外したとしても、おそらく誰かがこの問題に直面していて、問題の解決策を知っているのでしょうか？ これは、この scss が強調表示されているときのパスです: webpack://./node_modules/bootstra/scss/mixins/_utilities.scss リン <磷>nodu_modules を除外するための Webpack 構成:

<磷>モジュール: { ルール：[ { テスト: /.(js|ts|tsx)$/、 除外: /node_modules/、 使用： { ローダー: 'ts-loader', }、 },

Answer 1

そこで、解決策を見つけました。まず、この .scss ファイルに別の bootstrap.scss を作成し、bootstrap.css をインポートします (私の場合、ブートストラップからのグリッドが必要なだけです):

リーリー

sass または scss ファイルの場合、これらの設定は webpack.configuration.js にある必要があります:

リーリー

これらの変更により、.scss ファイルが運用モードになり、単一の .css ファイルにマージされ、Bootstrap の CSS が実際のモジュールの style.css に配置されます。