JavaScript - Webpack パッケージ化 CSS の問題

Question

Webpack を構成するとき、CSS を次のように設定しました loader: 'style-loader!css-loader?modules'

これにより、異なるモジュール間でのスタイル名の競合を防ぐことができます。ただし、これを設定すると、導入した外部 CSS スタイルがパッケージ化されず、表示できなくなります。何が問題ですか?

Answer 1

CSS をパッケージ化する必要があるものとパッケージ化する必要のないものに分けます。 通常、パッケージ化する必要がある CSS ソース ファイルは、.less、.scss、.styl などで終わるファイルなど、前処理されたファイルです。これらの部分をパッケージ化できます。ファイルは webpack で構成されており、.css 接尾辞を持つファイルは css モジュールによって処理されません。

例:

リーリー