vue3按需自动导入api插件(unplugin-auto-import)

此插件可以使我们在开发vue3项目中不用再每个页面写
import { onMounted, provide, reactive, ref } from "vue";

import { useRouter,useRoute } from "vue-router";导入代码
会自动帮助我们按需导入,页面中只需写

const $router = useRouter();
const test = ref("test");

---

1.安装

pnpm i -D unplugin-auto-import

2.vite.config.ts中配置

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

AutoImport({
        imports: ["vue", "vue-router"],
        dts:'auto-imports.d.ts',
})

3.tsconfig.json文件下配置

"include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "auto-imports.d.ts"
],