less全局变量配置

基于当前less跟less-loader版本如下

1.安装less跟less-loader

2.安装style-resources-loader 和 vue-cli-plugin-style-resources-loader

3.修改vue.config.js如下

4.重启项目

启动成功，没有报错

亲您好，LESS文件生效的组件层级如下：

1. 全局：LESS文件对所有组件有效，无论在什么位置，只要打开文件，就可以生效

2. 项目：LESS文件只对该项目有效，即只对本项目中的所有组件有效

3. 组件：LESS文件只对该组件有效，即只能应用于同一组件的样式设置

4. 元素：LESS文件只对该元素有效，即只能应用于同一元素的样式设置

---