我正在将一个旧的Angular应用程序迁移到React,因此已经有一个旧的构建过程与gulp生成一个CSS文件。对于React组件,我正在使用CSS模块,而Webpack正在生成另一个CSS文件。最后使用gulp我连接2个css文件。
问题是Webpack生成的样式(react-styles.css)也出现在我的旧sass文件的源图上(eglanguages.sass)(尽管点击它们正确的css不存在)
这是我的反应样式的webpack配置。
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract('style-loader', combineLoaders([
{
loader: 'css-loader',
query: {
modules: true,
localIdentName: '[name]__[local]__[hash:base64:5]'
}
}, {
loader: 'sass-loader'
}, {
loader: 'autoprefixer-loader'
}
]))
}
我认为如果我使用Webpack生成所有内容将解决我的问题。这是一种包含我的旧sass文件而不将它们转换为css-module-generate类的方法吗?