vite+vue3+antdV 按需加载
以前是用 babel-plugin-import 配置 antdV 的按需加载,现在使用 vite 搭建 vue 项目,就要按照 vite 的方式配置 antdV 的按需加载。看官方文档,官方文档才是最标准的答案antdV 文档: https://www.antdv.com/docs/vue/getting-started-cn很明显,文档已经给出了 vite 按需加载的配置,就是要安装 unpl
以前是用 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)