的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模块不加载新代码

回答

相关问题