scss在vue.cli中的安装,
本文主要介绍vue-cli3.x配置全局scss时出现的错误问题及其解决方法。有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。
目录
vue-cli3配置全局scss和报告错误vue-cli3配置全局scss变量1。找到vue.config.js文件2。在文件3中编写以下代码。重启项目就可以用了。
vue-cli3配置全局scss报错
配置vue.config.js时使用prependData而不是Data
萨斯：{
//根据自己的样式文件位置进行调整/旧的scss-loader是data，新的是prependData。
prepend data:` @ import @/styles/global . scss ；`
},
vue-cli3配置全局scss变量
1. 找到vue.config.js文件
如果没有，在根目录下创建一个新的。
2. 在文件内编写如下代码
模块.导出={
css: {
loaderOptions: {
萨斯：{
data:` @ import @/styles/_ variable . scss ；`
}
}
}
}
3. 重启项目，即可使用
注意：如果编写了上述代码，则在重新启动项目后会出现此错误：
无效的选项对象。Sass加载程序已使用与API架构不匹配的选项对象初始化。
然后，你安装的sass-loader应该是v8版本，可以在package.json中查看真假，如果是V8版本以上，就需要配置不同的写法，因为配置项data在V8中已经被废除，改为prependData。你可以在vue cli官网看到这个描述。[门户网站]
因此，我们需要将配置代码修改为以下样式：
css: {
loaderOptions: {
萨斯：{
prepend data:` @ import ~ @/styles/_ variable . scss ；`
}
}
}
你完了！以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。