快捷搜索: 王者荣耀 脱发

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 组件以及样式。

官方文档要提及到这一点

这也是为什么要看官方文档的原因。最后运行一下。

搞定。

经验分享 程序员 微信小程序 职场和发展