1 unplugin-vue-components
npm install unplugin-vue-components -D
插件地址:https://github.com/antfu/unplugin-vue-components#readme
// vite.config.js
import { defineConfig } from 'vite'
//自动导入组件
import Components from 'unplugin-vue-components/vite';
//自动按需引入ui库
import {
ElementPlusResolver,
AntDesignVueResolver,
VantResolver,
HeadlessUiResolver,
ElementUiResolver
} from 'unplugin-vue-components/resolvers'
export default defineConfig({
plugins: [
Components({
// 指定组件位置,默认是src/components
//目录结构
//|-- components
// |-- Heloow
// |-- index.vue
dirs: ['src/components'],
// ui库解析器
resolvers: [
ElementPlusResolver(),
AntDesignVueResolver(),
VantResolver(),
HeadlessUiResolver(),
ElementUiResolver()
]
extensions: ['vue'],
// 配置文件生成位置
dts: 'src/compone