unplugin-vue-components resolvers for @vuemap/vue-amap vue-bmap-gl vue-mapvgl
npm install @vuemap/unplugin-resolvershell
npm install -D unplugin-vue-components unplugin-auto-import
`
用法
`ts
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {VueAmapResolver, VueBmapGlResolver, VueMapvglResolver} from '@vuemap/unplugin-resolver'
export default defineConfig({
plugins: [
vue(),
AutoImport({
resolvers: [VueAmapResolver(),VueBmapGlResolver(),VueMapvglResolver()],
}),
Components({
resolvers: [VueAmapResolver(),VueBmapGlResolver(),VueMapvglResolver()],
}),
]
})
`
$3
当前地图组件与Element-Plus的resolver冲突,因此需要在Element-Plus的resolver中增加配置,去除地图相关的组件,示例:
`ts
import { defineConfig } 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'
import {VueAmapResolver, VueBmapGlResolver, VueMapvglResolver} from '@vuemap/unplugin-resolver'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
AutoImport({
resolvers: [ElementPlusResolver({
exclude: /^ElAmap|ElBmap|ElBmapv[A-Z]*!/
}),VueAmapResolver(),VueBmapGlResolver(),VueMapvglResolver()],
}),
Components({
resolvers: [ElementPlusResolver({
exclude: /^ElAmap|ElBmap|ElBmapv[A-Z]*!/
}),VueAmapResolver(),VueBmapGlResolver(),VueMapvglResolver()],
}),
]
})
``