1、在css样式中使用scss的全局变量

在全局的样式文件比如 /src/assets/scss/index.scss 中定义scss变量，使用 $ 符号

而如果想要在vue组件中使用这些全局样式变量，需要这样引入该文件

这种引入方式虽然可以实现，但是会造成代码冗余

所以我们可以选择配置sass-resources-loader来自动导入每个所需的 sass 模块

2、在js中使用scss的全局变量

css模块有一个:export 关键字，它在功能上等同于 ES6 的关键字 export，即导出一个 js 对象，我们可以在 scss 文件中定义变量并将其导出为 js

然后，在js中进行使用