vue.config.js 中 全局 scss 使用如下配置, 这样就可以全局使用里面定义的变量了, 不用每个文件都导入(注意也不用在main.js中导入, 不然会报错)
当然也可单个文件引入, 如果varibale.scss里面定义的是class 只在main.js中引入就可以了, 不用配置vue.config.js
module.exports = defineConfig({
css: {
loaderOptions: {
scss: {
additionalData: `@import "@/assets/css/varibale.scss";` // 具体要引入的路径
},
sass: {
additionalData: `@import "@/assets/css/varibale.scss";` // 具体要引入的路径
}
}
}
});
