Vue3+vite优化基础架构--- 使用unplugin-vue-components
warning:
这篇文章距离上次修改已过265天，其中的内容可能已经有所变动。
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
plugins: [
vue(),
Components({
resolvers: [
AntDesignVueResolver()
],
}),
],
// 其他配置...
})这段代码展示了如何在Vite项目中使用unplugin-vue-components插件来自动导入Ant Design Vue组件库中的组件。通过指定AntDesignVueResolver，插件会自动识别并导入Ant Design Vue组件库中的Vue组件。这样可以在项目中更快速地使用这些组件，而不需要手动导入每个组件。
评论已关闭