在使用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"
这个是loader重复导致的,在build/utils.js中的exports.cssLoaders中已经返回相关loader了
解决方案:
在webpack.base.config.js文件中,删除自己添加的相关loader,再重新编译运行就OK了