vue-cli3.0项目中设置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";
      `
    }
  }
 }

}

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

 

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读