unplugin-vue-components 插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件)作者是Vite生态圈大名鼎鼎的Anthony Fu。使用此插件后,不需要手动编写import { Button } from 'ant-design-vue'这样的代码了,插件会自动识别template中使用的自定义组件并自动注册。 unplugin-vue-components 是由 Vu...
Components({ dirs: ['src/components'],// 配置需要默认导入的自定义组件文件夹,该文件夹下的所有组件都会自动 import resolvers: [AntDesignVueResolver({ importStyle:false, resolveIcons:true})] }) ] }
Vue 单⽂件组件，如果是喜欢⽤ jsx 编写 Vue 代码的童鞋，那他就帮不了你了。还有就是因为他是编译时动态加⼊ import 语句，所以在单元测试的时候，测试框架可能会提⽰缺少引⼊，这个就要等 Vite 官⽅对它针对适配了，如果现阶段需要⽤到测试代码的童鞋则不太适合。
这里以 ant-design-vue 为例,引入包里自带的AntDesignVueResolver函数(主流的 UI 都有内置,如果没有的话可以自己实现一个 resolver)。importStyle指是否需要自动随引入加载对应的组件样式,我这里设置为 false,因为某些二级组件(比如 DateRangePicker)没办法准确地识别正确路径,他的搜寻路径都是按一级组件来写的,所以...