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