VUE--VANT 自定义 Less 变量，可用于自定义样式主题定制

2023-11-15 14:42:10

本人vue 版本为 2的 vue

首先，安装一个库包

npm install less-loader@5.0.0 --save-dev

这个的安装，可能会造成版本的问题，我当初安装的时候，会因为这个版本高了报错Module build failed: TypeError: this.getOptions is not a function，最后，安装了这个5的版本，就好了。

在 main.js 中

// 引入全部样式
import 'vant/lib/index.less'

因为，vue的版本是2的，所有是修改 build 下的 utils.js 文件

创建自己的 .less文件，并导入它的路径（绝对路径）

试着，修改一下Less 变量的属性，看看能不能修改成功。

npm run dev，重新编译一下。

这个，就是成功修改为红色了。

参考目录