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

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