Vue cli3 使用 scss 全局变量

1.安装sass-resources-loader

cnpm install sass-resources-loader --save-dev

2.在项目根目录新建vue.config.js文件

3.在项目src/assets/css/ 中创建 index.scss 文件（路径自行新建或取其他也可以）

4.vue.config.js内写入以下内容

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                prependData: `@import "~@/assets/css/index.scss";`,
            },
        },
    },
};

5.重启项目，大功告成 （@/assets/css/index.scss 内容如下）

$primary: #f08b29;

6.在项目中可以直接使用$primary

color: $primary;