vue3 使用 vue.config.js 配置使用scss全局变量
vue3 使用 vue.config.js 配置使用scss全局变量记录学习和开发中遇到的问题或难题刚开始我在网上查找了许多资料,都是需要什么安装安装 sass-resources-loader 和配置什么乱七八糟的,我没有尝试过,因为我觉得根本不需要这么麻烦通过查阅资料和尝试,我发现只要在 vue.config.js 配置一下就可以了,我配置的环境是 vue3,但是我觉得 vue2 也应该适用,
·
vue3 使用 vue.config.js 配置使用scss全局变量
记录学习和开发中遇到的问题或难题
刚开始我在网上查找了许多资料,都是需要什么安装安装 sass-resources-loader 和配置什么乱七八糟的,我没有尝试过,因为我觉得根本不需要这么麻烦
通过查阅资料和尝试,我发现只要在 vue.config.js 配置一下就可以了,我配置的环境是 vue3,但是我觉得 vue2 也应该适用,废话不多说,配置如下:
module.exports = {
css: {
loaderOptions: {
sass: {
// 具体路径根据你们项目来
additionalData: `@import "@/assets/theme.scss";`
},
scss: {
additionalData: `@import "@/assets/theme.scss";`
}
}
}
}
个人博客 http://www.sharekong.xyz 欢迎访问
更多推荐
已为社区贡献3条内容
所有评论(0)