最近在项目中需要写一个全局的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，就可以省去第四步了！！！！！！