vue-cli3.0 vue.config.js 配置 less 全局变量

愚蠢的问题

想在vue.config.js配置less全局变量，然后就创建了一个vue.com fig.js。死活搞不好。
面向百度了大半天。冷静下来才发现名字起错了。

最后实现

1.安装

yarn add style-resources-loader vue-cli-plugin-style-resources-loader -D

2.配置

//文件：vue.config.js
/*
 * @Author: Gavin
 * @Date: 2020-05-18 13:53:17
 * @LastEditors: Gavin [e-mail]
 * @LastEditTime: 2020-05-18 17:19:35
 * @Description:
 */
const fs = require('fs');
const path = require('path');
module.exports = {
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [
        //这个是加上自己的路径，
        //注意：试过不能使用别名路径
        path.resolve(__dirname, "./src/assets/css/base.less")
      ]
    }
  }
};
//---------------scss ---------
module.exports = {
  css: {
    loaderOptions: {
      sass: {
       // @是src的别名
       data: `
        @import "@/assets/variable.scss";
       `
      }
    }
  }
 }