vue的采坑之旅--vue-cli腳手架loader重復--Invalid CSS after "...load the styles": expected 1 selector or at-rule

在使用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就注釋掉對應的行就可以了。