Vue中的unplugin-auto-import自动导入插件

每次使用 Vue 的 Ref，Reactive。vue-router的 useRouter...需要重复的导入

在项目的 vite.config.ts 文件中

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

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { resolve } from "path";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
import Icons from "unplugin-icons/vite";
import IconsResolver from "unplugin-icons/resolver";

export default defineConfig(({ mode }) => {
    return {
        plugins: [
            vue(),
            AutoImport({
                imports: ["vue", "vue-router"],
                resolvers: [ElementPlusResolver()],
                //记得添加这行，不然TS会报语法错误
                dts: "src/auto-imports.d.ts",
            }),
            Components({
                resolvers: [
                    ElementPlusResolver(),
                    IconsResolver({
                        enabledCollections: ["ep"],
                    }),
                ],
            }),
            Icons({
                autoInstall: true,
            }),
        ],

        resolve: {
            alias: {
                "@": resolve(__dirname, "src"),
            },
        },
        build: {
            minify: "terser",
            terserOptions: {
                compress: {
                    drop_console: false,
                    drop_debugger: false,
                },
            },
        },
    };
});