Vue3中配置自动按需导入auto-import

vue3 tips

字数统计: 99阅读时长: 1 min

 2023/12/05 

第一步

1	npm i unplugin-auto-import -D

第二步

修改vite.config.js的配置文件(在 AutoImport({ imports: [ ] })中添加需要的插件）

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 添加了这行
import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig({
    plugins: [
        vue(),
        // 添加这个['vue', 'vue-router','vuex',....]
        AutoImport({ imports: ['vue', 'vue-router'] })
    ],
})