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

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

安装：

npm i unplugin-vue-components -D

　　

配置：

vite.config.js

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 })]
    })
  ]
}