vue-cli的坑，loader重複的鍋 Invalid CSS after "...load the styles"

在使用scss是可能會添加loader，例如

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

然而當使用vue-cli腳手架建立項目時，可能出現以下錯誤：

Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi"
in G:......................\src\components\common\css\reset.scss (line 1, column 1)

這是loader重複致使的，在build/utils.js中的exports.cssLoaders中已經返回相關loader了，

// 這兩行：
  sass: generateLoaders('sass', { indentedSyntax: true }),
  scss: generateLoaders('sass'),

解決方案很簡單：

就是本身不要加樣式相關的loader了；
或者本身添加樣式的loader但要註釋掉這兩行，固然若是你用的是less就註釋掉對應的行就能夠了。