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就註釋掉對應的行就能夠了。