vue-cli4中使用less全局变量

vue配置less全局变量,在 vue.config.js 中添加如下配置:

module.exports = {
  css: {
    loaderOptions: {
      less: {
        globalVars: {
          hack: `true; @import '~@/assets/style/var.less';`
        }
      }
    }
  }
};

这样就可以在.vue文件style标签中,直接使用var.less中的变量。
这种方式最简单,无需安装style-resources-loader

你可能感兴趣的:(vue,vue,less,javascript)