如何通过Vue cli修改Vant组件默认样式，实现自定义长尾词风格？

本文共计808个文字，预计阅读时间需要4分钟。

前言：在引入外部组件的时候，想修改默认样式，可以通过class进行修改，但一般会有权限不足等问题。官方列出了以下一套主题定制的方案，通过覆盖配置文件来修改样式，官网地址如下。

前言

在引入外部组件的时候，想要修改默认样式，可以通过class修改，但一般会有权重不够等各种原因，官网其实列出了一套主题定制的方案，通过覆盖配置文件来修改样式，官网地址：主题定制

提示：以下是本篇文章正文内容，下面案例可供参考

一、Less

因为Vant 使用了 Less 对样式进行预处理，并内置了一些样式变量，可以通过替换样式变量即可定制你自己需要的主题。

给你的项目配置less：

npm install less --save-dev npm install less-loader --save-dev

配置完先试一试less可不可以使用，如果报错，一般是因为版本高导致的。