import vueJsx from "@vitejs/plugin-vue-jsx"; import vueDevTools from "vite-plugin-vue-devtools"; import AutoImport from "unplugin-auto-import/vite"; import Components from 'unplugin-vue-components/vite' import { ElementPlusResolver } from 'unplugin-vue-components/resolvers' // https://vit...
// 每次都需手动导入组件 import webName from '@/components/webName.vue' 用unplugin-vue-components 来帮你吧,以后组件直接拿来用即可,无需再导入啦 ! <webName /> 使用流程 1. 安装 unplugin-vue-components npm i -D unplugin-vue-components 2. vite 配置中导入 vite.config.ts import Components from...
1. 安装[unplugin-vue-components] npm install unplugin-vue-components 2. 在vite中使用 import Components from 'unplugin-vue-components/vite' // 按需加载自定义组件 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers' export default defineConfig { // ... plugins: [ // ...
import Components from 'unplugin-vue-components/vite' import { ElementPlusResolver } from 'unplugin-vue-components/resolvers' // 重点来了,官网是真坑,按需引入的icon不给示例。兜兜转转从按需导入icon的仓库代码里看到了i-ep前缀的写法。 /* <i-ep-edit></i-ep-edit> */ import Icons from 'unp...
} from 'unplugin-vue-components/resolvers'// https://vitejs.dev/config/export default defineConfig({ plugins: [vue(), AutoImport({ resolvers: [ // 自动导入element-plus组件 ElementPlusResolver(), ], }), Components({ resolvers: [ // 自动导入element-plus组件 ElementPlusResolver(), ...
vue3,vite项目组件库按需引入(unplugin-vue-components插件)项目地址: [GitHub]unplugin-vue-components 以vue3 + vite + antd 为例,其它请查看官方文档.1. 安装插件// 安装插件 yarn add unplugin-vue-components…
实现按需加载,主要用到两个插件 1. 按需自动加载UI组件: unplugin-vue-components 该插件主要作用是省去每次使用一个自定义组件,或UI组件库的组件时对组件的引入。兼容不同UI组件库,需要在安装对应UI组件库的前提下,并引入对应UI组件库的 resolvers。 安
import vue from '@vitejs/plugin-vue' /** element plus 自动按需导入插件 start */ import AutoImport from 'unplugin-auto-import/vite' import Components from 'unplugin-vue-components/vite' import { ElementPlusResolver } from 'unplugin-vue-components/resolvers' ...
import { defineConfig, loadEnv } from 'vite'import vue from '@vitejs/plugin-vue'import AutoImport from 'unplugin-auto-import/vite'import Components from 'unplugin-vue-components/vite'import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'// https://vitejs.dev/config/export ...
import webName from '@/components/webName.vue' 1. 2. 用unplugin-vue-components 来帮你吧,以后组件直接拿来用即可,无需再导入啦 ! <webName /> 1. 使用流程 1. 安装 unplugin-vue-components npm i -D unplugin-vue-components 1. 2. vite 配置中导入 ...