配置全局scss全局变量

安装依赖版本

npm install sass-loader@7.1.0 sass@1.26.5  --save-dev

vue.config.js

  css: {
    loaderOptions: {
      sass: {
        data: `
          @import "./src/assets/styles/global.scss";
        `,
      },
    },
  },

在global.scss

$color-primary:#00ff1e

在文件使用

<style lang="scss" scoped>
.text{
  color:$color-primary;
}
</style>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容