将sass文件与webpack集成到reactJs中时出现语法错误

Question

意外的令牌（1：0）@import“ ./variables”;使用Webpack获取此错误 我的webpack.config类似于以下模块：

{ 
     rules: [ 
       { 
         test: /\.(js|jsx)$/, 
         exclude: /node_modules/, 
         use: ['babel-loader'] 
       },
       {
          test: /\.scss$/, 
          use: [
           { loader: "style-loader" },
           { loader: "css-loader" },
           { loader: "sass-loader" }
          ]
       }
  ]
 }

任何人都可以帮助我解决问题

Answer 1

Sass-loader似乎与webpack 4不兼容。

您可以使用与Webpack 4一起使用的mini-css-extract-plugin。

https://github.com/webpack-contrib/mini-css-extract-plugin

人们正面临着webpack 4的@import问题。看看下面的线程。

https://gist.github.com/mburakerman/629783c16acf5e5f03de60528d3139af