的WebPack CSS模塊不加載新代碼

我在那裏任何新的CSS文件，我在JS代碼創建和import不被添加到輸出文件一個非常奇怪的問題。我的webpack配置設置爲將我的React組件中所需的所有CSS文件打包到一個名爲styles.css的輸出文件中。下面是我的配置的相關部分：的WebPack CSS模塊不加載新代碼

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目錄。

繼承人的怪異的一部分：目前，它產生於所有在我的代碼導入文件的散列類名，但是卻忽略了（上一致的基礎）的一些文件的類定義。

我使用這些版本的軟件包：

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

我甚至嘗試更新所有的包，但問題依然存在。

我嘗試了三種不同的機器上運行的WebPack，在生產和發展方式，始終得到相同的結果。

任何想法？我在這裏錯過了什麼嗎？

來源

2017-08-09 iceman

其實，我找到了答案：我是用大塊作爲單獨的入口點在我的WebPack，但（相當不小心）重寫相同的CSS文件，而不考慮不同的切入點的不同需求。到目前爲止，我的所有入口塊都具有相同的CSS規則，這就是爲什麼我以前沒有看到這一點。

D'oh！

來源

2017-08-09 20:53:53 iceman

的WebPack CSS模塊不加載新代碼

回答

相關問題