element + 全局组件使用 unplugin-vue-components 自动导入
warning:
这篇文章距离上次修改已过200天,其中的内容可能已经有所变动。
// 引入 unplugin-vue-components 插件
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
// 在 Vite 配置文件中使用
export default {
plugins: [
// ... 其他插件
Components({
resolvers: [ElementPlusResolver()],
}),
],
};
这段代码演示了如何在一个 Vite 项目中配置 unplugin-vue-components
插件,以自动导入 Element Plus 组件库。在 vite.config.js
或 vite.config.ts
文件中引入插件并配置解析器,这样就可以在 Vue 组件中直接使用 Element Plus 组件,无需手动导入。
评论已关闭