получение синтаксической ошибки при интеграции файлов sass в реагировать с веб-пакетом

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, похоже, несовместим с веб-пакетом 4.

Вы можете использовать mini-css-extract-plugin, который я использую с веб-пакетом 4.

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

Люди сталкиваются с этой проблемой @import с помощью веб-пакета 4. Посмотрите на следующую ветку.

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