38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import path from "node:path";
|
|
import process from "node:process";
|
|
import { FileSystemIconLoader } from "unplugin-icons/loaders";
|
|
import type { PluginOption } from "vite";
|
|
import Icons from "unplugin-icons/vite";
|
|
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
|
|
export function setupUnPluginIcon(viteEnv: Env.ImportMeta) {
|
|
const { VITE_ICON_PREFIX, VITE_ICON_LOCAL_PREFIX } = viteEnv;
|
|
|
|
const localIconPath = path.join(process.cwd(), "src/assets/svg-icon");
|
|
/** The name of the local icon collection */
|
|
const collectionName = VITE_ICON_LOCAL_PREFIX.replace(
|
|
`${VITE_ICON_PREFIX}-`,
|
|
""
|
|
);
|
|
|
|
const plugins: PluginOption[] = [
|
|
createSvgIconsPlugin({
|
|
iconDirs: [localIconPath],
|
|
symbolId: `${VITE_ICON_LOCAL_PREFIX}-[dir]-[name]`,
|
|
inject: "body-last",
|
|
customDomId: "__SVG_ICON_LOCAL__",
|
|
}),
|
|
Icons({
|
|
compiler: "vue3",
|
|
customCollections: {
|
|
[collectionName]: FileSystemIconLoader(localIconPath, (svg) =>
|
|
svg.replace(/^<svg\s/, '<svg width="1em" height="1em" ')
|
|
),
|
|
},
|
|
scale: 1,
|
|
defaultClass: "inline-block",
|
|
}),
|
|
];
|
|
|
|
return plugins;
|
|
}
|