最近在项目中需要写一个全局的style.less，然后在各组件中可以直接调用；
1、在assets下创建一个less文件；
2、安装style-resources-loader (npm i style-resources-loader --save-dev)；
3、然后在vue.config.js里面配置一下
module.exports = {
pluginOptions: {
"style-resources-loader": { preProcessor: "less", patterns: [path.resolve(__dirname, "./src/assets/style.less")] }
}
};
我以为这样就可以了，然后直接在组件中使用全局less的变量，然后报了undefined的错，上网查了一下还需要最后一步
4、安装vue-cli-plugin-style-resources-loader，然后就可以了。
（如果你用的是vuecli3，那么直接安装vue add style-resources-loader）；这样会自动安装好plugin-style-resources-loader，就可以省去第四步了！！！！！！
原文：https://www.cnblogs.com/feng-1212/p/13587688.html