unplugin-vue-components 在 vite 中的使用和配置

unplugin-vue-components 是由vue官方人员开发的一款自动引入插件，可以省去比如UI库的大量 import 语句。

安装：

?

1	npm i unplugin-vue-components -D

　　

配置：

vite.config.js

?

1 2 3 4 5 6 7 8 9 10 11 12

import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers' import Components from 'unplugin-vue-components/vite' import { defineConfig } from 'vite'   export default defineConfig({   plugins: [     Components({       dirs: ['src/components'], // 配置需要默认导入的自定义组件文件夹，该文件夹下的所有组件都会自动 import       resolvers: [AntDesignVueResolver({ importStyle: false, resolveIcons: true })]     })   ] }