vue-cli3.0项目中设置scss全局变量_vue3如何在jis中更改scss变量的全局的值

作者：小小林熬夜学编程 | 2024-02-14 22:34:05

踩

vue3如何在jis中更改scss变量的全局的值

第一步：首先设置一个存放你的全局变量的文件_variable.scss

在_variable.scss中设置好你需要设置的全局变量：


// 主要颜色
$primary-colour: #c62f2f;
$primary-border:1px solid $primary-colour;

第二步：在你的vue.config.js配置文件中添加


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

第三步：调用，直接在你需要的地方引用你刚才设置的全局样式变量

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/82232