vuecli4.0配置less全局变量

两种方式均可，在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'
        }
      }
    }
  }
};