526互联

Vite 自动导入

发布时间 2023-10-04 00:26:08作者: 灵火

unplugin-auto-import

官网：https://github.com/unplugin/unplugin-auto-import

安装

pnpm add -D unplugin-auto-import

使用

// ~/vite.onfig.ts

import AutoImport from "unplugin-auto-import/vite"

// 后续会直接生成 d.ts 声明文件，路径在 ./src/auto-import.d.ts，后续的使用就无需声明 import ...
export default defineConfig({
    plugins: [
        AutoImport({
            imports: ['vue', 'vue-router', 'pinia',
                {
                    '@vueuse/core': ['useDark', 'useToggle', 'useStorage'],
                    'mockjs': [['default', 'Mock']],
                },
                {
                    from: 'vue',
                    imports: ['Ref'],
                    type: true,
                }],
            dts: './src/auto-import.d.ts',
            vueTemplate: true,
            dirs: [
                './composable/**',
            ],
        }),
    ],
})