scss文件報錯處理 （報錯信息Invalid CSS after "v": expected 1 selector or at-rule, was 'var api = require）

error  in ./src/assets/styles/app.scss
 
Module build failed:
@import "./reset.scss";
^
      Invalid CSS after "v": expected 1 selector or at-rule, was 'var api = require("'
      in /Users/aa/demo/new/src/assets/styles/app.scss (line 1, column 1)
 
 
@ ./src/modules/a/index.js 9:0-34
@ multi (webpack)-dev-server/client?http://localhost:8086 webpack/hot/dev-server ./src/modules/a/index.js

處理步驟：

　　將webpack.base.config.js scss配置

原代碼為：

{
    test: /\.scss$/,
    loader: 'sass-loader!style-loader!css-loader',
}

改為

{
    test: /\.scss$/,
    use:[
        'style-loader',
        'css-loader',
        {
            loader: 'sass-loader',
            options: {
                indentedSyntax: true
            }
        }
    ]
}

 

 2.重新執行項目繼續報錯

Module build failed:
@import "./reset.scss";
^
      Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi"
      in /Users/zhangrui/jinmao/new/src/assets/styles/app.scss (line 1, column 1)
 
 
@ ./src/assets/styles/app.scss 2:26-435
@ ./src/modules/a/index.js
@ multi (webpack)-dev-server/client?http://localhost:8086 webpack/hot/dev-server ./src/modules/a/index.js

報錯原因:

　　因為utils.js已經加載了scss,重復加載會有問題

處理步驟：　　

　　最終代碼為刪除就可以了