vue-cli4中scss全局变量

1. vue add style-resources-loader（选择scss）
   执行过程中有个问题command failed: npm install --loglevel error vue-cli-plugin-style-resources-loader -D。看了网上的解决方案：
   a. 修改C:\Users\Admin\.vuerc中的useTaobaoRegistry:true，无效
   b. 清缓存 npm cache clean --force， 无效
   c. 使用最新版本的noe， 无效
   d. 更换node版本为12.14.1，有效

2. vue.config.js配置

pluginOptions: {
    "style-resources-loader": {
      preProcessor: "scss",
      patterns: [
        // scss文件路径
        path.resolve(__dirname, "src/assets/styles/global.scss")
      ]
    }
  }

3. 使用

// global.scss
$themeColor: rgba(54, 61, 68, 1);
$selectColor: rgb(122, 222, 238);

// vue中使用
<style lang="scss" scoped>
	body {
		color: $themeColor;
	}
</style>