Webpack CSSモジュールがロードされていません新しいコード

Question

私が作成した新しいCSSファイルとJSコードのimportが出力ファイルに追加されないという非常に奇妙な問題が発生しています。 Webpackの設定は、Reactコンポーネントに必要なすべてのCSSファイルをstyles.cssという1つの出力ファイルにバンドルするように設定されています。ここに私の設定の関連する部分です：

module.exports = { 
    ... 
    module: { 
    rules: [ 
     ... 
     { 
     test: /\.css$/, 
     loader: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: ['css-loader?modules=true&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'], 
     }) 
     }, 
     ... 
    ], 
    }, 
    ... 
    plugins: [ 
    ... 
    new ExtractTextPlugin('css/styles.css'), 
    ... 
    ], 
}; 

この設定はstyles.cssというファイルを作成し、私の出力ディレクトリ内cssというディレクトリに入れます。

Heres the Heird Part：現在のところ、コード内にインポートされたすべてのファイルのハッシュされたクラス名を生成しますが、一貫性のあるファイルのクラス定義は無視されます。

私はパッケージのこれらのバージョンを使用していました：

"css-loader": "^0.28.4", 
"postcss-loader": "^2.0.6", 
"style-loader": "^0.18.2", 
"webpack": "^2.6.1", 

私もすべてのパッケージを更新しようとしたが、問題が持続しました。

私は生産と開発の両方のモードで3つの異なるマシンでwebpackを実行してみましたが、常に同じ結果が得られました。

アイデア？ここに何もないのですか？

Answer 1

私は実際に答えを見つけました：私は自分のウェブパックで別々のエントリポイントとしてチャンクを使用していましたが、異なるエントリポイントのニーズに関係なく、同じCSSファイルを（かなり不注意に）書き換えていました。今までは、すべてのエントリーチャンクにはほとんど同じCSSルールが適用されていましたが、これはこれまで私がこれを見ていなかった理由です。

D'oh！