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

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" }
          ]
       }
  ]
 }

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

标签： reactjswebpacksassnode-sass

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