ant-design-vue图标按需自动引入

788 阅读1分钟

前提:事先已经安装好@ant-design/icons-vue
设置{ resolveIcons: true }

import { defineConfig } from "vite";
import { AntDesignVueResolver } from "unplugin-vue-components/resolvers";
export default defineConfig(() => {
    return {
        plugins: [
            Components({
                dts: "types/components.d.ts", // 输出文件,里面都是一些import的组件键值对
                dirs: ["src/components"], //让src/components里的组件不用再手动引入
                // 配置需要自动注册的组件
                resolvers: [
                   //ant-design-vue不用手动按需引入
                  AntDesignVueResolver({ resolveIcons: true }),
                ],
            }),
        ]
    }
})