【VUE】VUE配置SCSS全局变量

项目中添加sass-resources-loader依赖

npm install sass-resources-loader --save-dev

在src/assets/下创建目录：scss
在src/assets/scss/下创建_variable.scss文件
_variable.scss中添加变量：

$theme-color: #33f04c;

在项目中添加一个vue.config.js文件
vue.config.js中添加代码：

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        data: `@import "@/assets/scss/_variable.scss";` //引入全局变量
      }
    }
  }
}

测试是否生效：
App.vue中，样式部分代码：

<style lang="scss">
#app {
  color: $theme-color;
}
</style>