使用uni-cli生产的项目,项目启动的时候,引入uni-ui结果报了sass找不到全局变量的错误,查看是因为uni.scss没有引入的原因,需要vue.config.js中配置sass的全局变量入口文件。
- sass-loader如上版本号时,配置如下:
css: {
loaderOptions: {
sass: {
// 全局sass变量
// sass-loader 8.0.0以前版本(包含)
prependData: `@import "~@/src/uni.scss";`
},
// 还使用了less
less:{}
}
},
- “sass-loader”: “^10.1.1” 版本好10以后的配置
css: {
loaderOptions: {
sass: {
// 全局sass变量
// sass-loader 新版本
additionalData: `@import "~@/src/uni.scss";`
},
less:{}
}, // Enable CSS modules for all css / pre-processor files. // This option does not affect *.vue files.
},