需要的依赖包less less-loader

npm install less less-loader --save-dev

vue.config.js文件配置

module.exports = {
  // 配置less文件  ~@/assets/css/base.less 文件配置全局变量
  css: {
    loaderOptions: {
      less: {
        globalVars: {
          hack: `true; @import '~@/assets/css/base.less';`
        }
      }
    }
  },
};

base.less文件

@TC: #0084ff;

vue文件中使用

.home {
  background: @TC;
}