【SCSS】全局变量不生效问题； js 中使用 scss 变量问题(vue3 项目)

最新推荐文章于 2025-03-19 17:40:58 发布

何日成熟

最新推荐文章于 2025-03-19 17:40:58 发布

阅读量909

点赞数 2

文章标签： javascript scss vue.js

本文链接：https://blog.youkuaiyun.com/u013836242/article/details/140716970

版权

                    
                    全局变量文件, 可以在 vue.config.js 中 webpack 配置 addtionalData 中配置, 之后直接在其他 scss 文件中使用
但注意, 用到全局变量的其他 scss 文件被 @use 引用时, 如果内部没有手动 @use 此文件, 仍会报错(@import 就没事儿), 所以还是建议 scss 内部使用 @use 引入全局变量文件
定义 *.module.scss 文件, 使用 :export { // ... } 导出 scss 变量给 Vue3 , template 和 script 使用(需要 import xxx from …)