vue 配置公共的css样式

解决的情况：1）对于使用scss、less有一些公共的配置和公共的变量可以实现预先加载，不需要再使用的页面import，一次配置，一直使用，
2）对于某些公共的css 在刷新页面后发现css好像加载了两遍，第二次的将第一次的样式覆盖掉了
方法：
1

npm i style-resources-loader vue-cli-plugin-style-resources-loader -D

2在vue.config.js里面配置

const path = require("path");
pluginOptions: {
        'style-resources-loader':{
            preProcessor: "scss",
            patterns: [
              path.resolve(__dirname, "src/style/_variables.scss"),
            ]
        }
      }

接下来就可以验证定义的变量使用是否生效了
遇到的问题：
我用的是scss 刚开始只安装了style-resources-loader 会有报错，配置无效，需要安装两个包才能生效。