CSSモジュールは、最終的に問題を解決します

 

  CSSモジュールは、問題を解決しますか?

  要するに、あなたが通過させ、インポート導入CSSをプロジェクトに、唯一のグローバルスタイルの汚染を避けるために、全体的な状況には作用せず、現在のモジュールに作用します

 

  執筆の二種類

  グローバル文言:インポート」./index.scss'; (簡単に他のモジュールのパターンをカバーし、優れたメンテナンスを結合するこの文言をお勧めしません)

  ローカル文言:「./index.scss'からインポートスタイル; (推奨言葉遣い、モジュール間のデカップリングスタイルの完璧な、それは維持するために役立ちます、互いに独立して、現在のモジュールにのみ機能してみましょう)

 

 シーンを再現

AのブロックとBそれぞれのモジュールのグローバルとローカルように導入するCSSスタイルファイル、A赤フォントスタイルモジュール添加色要素の色:赤。

 Bモジュールスタイル要素は青にフォントの色に追加された色:青、結果がないだけではない力ではなく、青色のフォントの色、

 そして、コードの導入ではなく、間違った方法、そして最後に見つかったパーティションのあるAのスタイルモジュールカバーBのモジュールのスタイル

 

 どのように構成する(webpack.config.jsのモジュールの構成:真)

 

 

 

 

 

 

  

おすすめ

転載: www.cnblogs.com/tu-0718/p/12124677.html