1 unplugin-vue-components
npm install unplugin-vue-components -D
插件地址:https://github.com/antfu/unplugin-vue-components#readme
import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite';
import {
ElementPlusResolver,
AntDesignVueResolver,
VantResolver,
HeadlessUiResolver,
ElementUiResolver
} from 'unplugin-vue-components/resolvers'
export default defineConfig({
plugins: [
Components({
dirs: ['src/components'],
resolvers: [
ElementPlusResolver(),
AntDesignVueResolver(),
VantResolver(),
HeadlessUiResolver(),
ElementUiResolver()
]
extensions: ['vue'],
dts: 'src/components.d.ts'
})
]
})
2 unplugin-auto-import/vite
npm install unplugin-auto-import -D
插件地址:https://github.com/antfu/unplugin-auto-import
import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
export default defineConfig({
plugins: [
AutoImport({
imports: ['vue', 'vue-router', 'vue-i18n', '@vueuse/head', '@vueuse/core'],
})
]
})
vue-global-api 解决eslint报错以及页面警告
插件地址:https://github.com/antfu/vue-global-api
npm install vue-global-api
在main.ts
引入 import 'vue-global-api'