vite+vue3+antdV 按需加载

以前是用 babel-plugin-import 配置 antdV 的按需加载,现在使用 vite 搭建 vue 项目,就要按照 vite 的方式配置 antdV 的按需加载。

看官方文档,官方文档才是最标准的答案
antdV 文档: https://www.antdv.com/docs/vue/getting-started-cn

很明显,文档已经给出了 vite 按需加载的配置,就是要安装 unplugin-vue-components 插件,有些别的博客文章会说要安装 vite-plugin-components 插件,其实这两个是同一个插件,只是 vite-plugin-components 后来改名为 unplugin-vue-components。这就是为什么要看官方文档的原因。

但是官方文档并没有给出 vite.config.js 的配置,这个对一些新手不太友好。具体的 vite.config.js 配置如下:

在这里插入图片描述
这样子,antdV 按需加载就已经配置完。对于组件模块,例如 button 这些在页面是不需要 import,但对于非组件模块,例如 message 这些就需要 import 组件以及样式

官方文档要提及到这一点

在这里插入图片描述
这也是为什么要看官方文档的原因。最后运行一下。

在这里插入图片描述

搞定。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值