vue-cli3使用scss/less/stylus添加全局变量

1.安装依赖: 

vue add style-resources-loader

2.安装依赖时,选择对应的css预处理器

3.在vue.config.js中配置

const path = require("path");
module.exports = {
  ...//其他配置

  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [path.resolve(__dirname, "./src/assets/common.less")]
    }
  },
}

4.重新运行项目,然后就可以在vue组件中使用common.less中的变量,混合等功能