在webpack中包含旧的CSS文件

时间:2017-01-25 20:17:02

标签: css webpack css-modules react-css-modules

我正在将一个旧的Angular应用程序迁移到React,因此已经有一个旧的构建过程与gulp生成一个CSS文件。对于React组件,我正在使用CSS模块,而Webpack正在生成另一个CSS文件。最后使用gulp我连接2个css文件。

问题是Webpack生成的样式(react-styles.css)也出现在我的旧sass文件的源图上(eglanguages.sass)(尽管点击它们正确的css不存在)

enter image description here

这是我的反应样式的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类的方法吗?

0 个答案:

没有答案