@vuemap/unplugin-resolver

unplugin-vue-components的resolvers，已经将地图组件增加上去，目前支持@vuemap/vue-amap、vue-bmap-gl、vue-mapvgl

2.0版本适配@vuemap/vue-amap 2.0版本
如果使用的是@vuemap/vue-amap@1 版本，则需要使用@vuemap/unplugin-resolver@1

安装依赖

1npm install -D unplugin-vue-components unplugin-auto-import

用法

1import AutoImport from 'unplugin-auto-import/vite'
2import Components from 'unplugin-vue-components/vite'
3import {VueAmapResolver, VueBmapGlResolver, VueMapvglResolver} from '@vuemap/unplugin-resolver'
4export default defineConfig({
5  plugins: [
6    vue(),
7    AutoImport({
8      resolvers: [VueAmapResolver(),VueBmapGlResolver(),VueMapvglResolver()],
9    }),
10    Components({
11      resolvers: [VueAmapResolver(),VueBmapGlResolver(),VueMapvglResolver()],
12    }),
13  ]
14})

已知问题

当前地图组件与Element-Plus的resolver冲突，因此需要在Element-Plus的resolver中增加配置，去除地图相关的组件，示例：

1import { defineConfig } from 'vite'
2import vue from '@vitejs/plugin-vue'
3import AutoImport from 'unplugin-auto-import/vite'
4import Components from 'unplugin-vue-components/vite'
5import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
6import {VueAmapResolver, VueBmapGlResolver, VueMapvglResolver} from '@vuemap/unplugin-resolver'
7
8// https://vitejs.dev/config/
9export default defineConfig({
10  plugins: [
11    vue(),
12    AutoImport({
13      resolvers: [ElementPlusResolver({
14        exclude: /^ElAmap|ElBmap|ElBmapv[A-Z]*!/
15      }),VueAmapResolver(),VueBmapGlResolver(),VueMapvglResolver()],
16    }),
17    Components({
18      resolvers: [ElementPlusResolver({
19        exclude: /^ElAmap|ElBmap|ElBmapv[A-Z]*!/
20      }),VueAmapResolver(),VueBmapGlResolver(),VueMapvglResolver()],
21    }),
22  ]
23})