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。