欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vuecli4.0配置less全局变量

程序员文章站 2024-01-21 22:36:46
...

两种方式均可,在vue.config.js新增以下配置:

1、引入less变量文件

module.exports = {
  css: {
    loaderOptions: {
      less: {
        globalVars: {
          hack: `true; @import '[email protected]/assets/less/variables.less';`
        }
      }
    }
  }
};

2、直接定义变量

module.exports = {
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          'theme-color': '#ff0000'
        }
      }
    }
  }
};

上一篇: Nginx配置基础-内置变量

下一篇: