Question

我试图用一些scss为我的项目制作一个webpack配置。其中一些来自根项目和一些我想从依赖项加载的scss，例如来自node_modules。我遇到了一个奇怪的错误，如果我不在模块中包含node_modules，它就会被构建，包括我在根项目中的一些scss。但是，如果我添加include: path.resolve(__dirname, 'node_modules')或任何其他文件夹（前夕不存在），它会失败，但是在根项目中而不在node_modules中的文件中，它提取的文件相同之前没有错误。

这是webpack配置：

const extractCSS = new ExtractTextPlugin({ filename: 'style.css', disable: false, allChunks: true });

  module: {
    rules: [
      {
        test: /\.scss$/,
        include: path.resolve(__dirname, 'node_modules'),
        use:extractCSS.extract({
            fallbackLoader: 'style-loader',
            loader: ['css-loader', 'sass-loader'],
          })
      },
    ]
  }

因此，如果我使用include注释掉该行，但它不起作用但不包含node_modules，如果我将该行取消注释，则会收到错误消息：

Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type.在根项目中的所有scss文件中。

我做错了什么？

webpack 2 + extract-text-webpack-plugin：解析错误

0 个答案: