0

我正在将一个旧的 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 类的方法吗？

4

0 回答 0