CSSモジュールは、問題を解決しますか?
要するに、あなたが通過させ、インポート導入CSSをプロジェクトに、唯一のグローバルスタイルの汚染を避けるために、全体的な状況には作用せず、現在のモジュールに作用します
執筆の二種類
グローバル文言:インポート」./index.scss'; (、簡単に他のモジュールのパターンをカバーし、優れたメンテナンスを結合するこの文言をお勧めしません)
ローカル文言:「./index.scss'からインポートスタイル; (推奨言葉遣い、モジュール間のデカップリングスタイルの完璧な、それは維持するために役立ちます、互いに独立して、現在のモジュールにのみ機能してみましょう)
シーンを再現
AのブロックとBそれぞれのモジュールのグローバルとローカルように導入するCSSスタイルファイル、A赤フォントスタイルモジュール添加色要素の色:赤。
Bモジュールスタイル要素は青にフォントの色に追加された色:青、結果がないだけではない力ではなく、青色のフォントの色、
そして、コードの導入ではなく、間違った方法、そして最後に見つかったパーティションのあるAのスタイルモジュールカバーBのモジュールのスタイル
どのように構成する(webpack.config.jsのモジュールの構成:真)