vue设置全局scss,报错
sass-loader版本问题引发的错误:options has an unknown property 'prependData'. These properties are valid
当前版本如下:
"sass": "^1.32.7",
"sass-loader": "^12.0.0",
原来的写法:
css: { loaderOptions: { sass: { prependData: '@import "@/scss/settings.scss";' } } }
修改后(生效):
css: { loaderOptions: { sass: {
// sass 版本 9 中使用 additionalData 版本 8 中使用 prependData,其他低版本,使用data
//这里的分号;必填 additionalData: '@import "@/scss/settings.scss";' } } }
多个文件全局配置
css: { loaderOptions: { scss: { additionalData: ` @import "@/style/utils/_variables.scss"; @import "@/style/utils/mixin.scss"; ` } } }