vue3自动引入图标

import path, { resolve } from "node:path";
import vue from "@vitejs/plugin-vue";

import { FileSystemIconLoader } from "unplugin-icons/loaders";
import IconsResolver from "unplugin-icons/resolver";

import Icons from "unplugin-icons/vite";
import { NaiveUiResolver } from "unplugin-vue-components/resolvers";
import Components from "unplugin-vue-components/vite";
import { defineConfig } from "vite";
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";

// svg存放地址
const customIconPath = resolve(process.cwd(), "src/assets/svg");

export default defineConfig({
    plugins: [
        vue(),
        Components({
        // auto import components 自动加载组件
            resolvers: [
                NaiveUiResolver(),
                IconsResolver({
                    customCollections: ["custom"],
                    componentPrefix: "icon",
                }),
            ],
            dts: false,
        }),
        Icons({
            compiler: "vue3",
            customCollections: {
                custom: FileSystemIconLoader(customIconPath),
            },
            scale: 1,
            defaultClass: "inline-block",
        }),
        createSvgIconsPlugin({
            iconDirs: [customIconPath],
            symbolId: "icon-custom-[dir]-[name]",
            inject: "body-last",
            customDomId: "__CUSTOM_SVG_ICON__",
        }),
    ],
});