vue3.X 定义less全局变量(vuecli4.X)

安装依赖

npm i style-resources-loader vue-cli-plugin-style-resources-loader -D

在vue.config.js文件里面配置

const path = require("path");

module.exports = {
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [path.resolve(__dirname, "./src/assets/less/config.less")]
    }
  },
  lintOnSave: true,
  devServer: {
    overlay: {
      warnings: true,
      error: true
    }
  }
};

使用

// config.less 内定义
@color_test: red;
// 组件内使用
color: @color_test;