Add moduleId param to options that allow customization of virtualModuleId

README.md

@@ -250,6 +250,12 @@ The plugin has an API consisting of one required parameter and multiple optional
     -   eot - [ttf2eot](https://github.com/fontello/ttf2eot).
 -   See [webfonts-generator#formatoptions](https://github.com/vusion/webfonts-generator#formatoptions)
 
+### moduleId
+
+-   **type**: `string`
+-   **description**: Virtual module id which is used by Vite to import the plugin artifacts. E.g. the default value is "vite-svg-2-webfont.css" so "virtual:vite-svg-2-webfont.css" should be imported.
+-   **default** `'vite-svg-2-webfont.css'`
+
 ## Public API
 
 The plugin exposes a public API that can be used inside another plugins using [Rollup inter-plugin communication mechanism](https://rollupjs.org/plugin-development/#inter-plugin-communication).

src/index.ts

@@ -10,8 +10,15 @@ import type { PublicApi } from './types/publicApi';
 
 const ac = new AbortController();
 const webfontGenerator = promisify(_webfontGenerator);
-const VIRTUAL_MODULE_ID = 'virtual:vite-svg-2-webfont.css';
-const RESOLVED_VIRTUAL_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`;
+const DEFAULT_MODULE_ID = 'vite-svg-2-webfont.css';
+
+function getVirtualModuleId<T extends string>(moduleId: T): `virtual:${T}` {
+    return `virtual:${moduleId}`;
+}
+
+function getResolvedVirtualModuleId<T extends string>(virtualModuleId: T): `\0${T}` {
+    return `\0${virtualModuleId}`;
+}
 
 /**
  * A Vite plugin that generates a webfont from your SVG icons.
@@ -27,6 +34,9 @@ export function viteSvgToWebfont<T extends GeneratedFontTypes = GeneratedFontTyp
     let _reloadModule: undefined | ((module: ModuleNode) => void);
     let generatedFonts: undefined | Pick<WebfontsGeneratorResult<T>, 'generateCss' | 'generateHtml' | T>;
     const generatedWebfonts: GeneratedWebfont[] = [];
+    const moduleId = options.moduleId ?? DEFAULT_MODULE_ID;
+    const virtualModuleId = getVirtualModuleId(moduleId);
+    const resolvedVirtualModuleId = getResolvedVirtualModuleId(virtualModuleId);
 
     const generate = async (updateFiles?: boolean) => {
         if (updateFiles) {
@@ -48,7 +58,7 @@ export function viteSvgToWebfont<T extends GeneratedFontTypes = GeneratedFontTyp
             await Promise.all(promises);
         }
         if (updateFiles) {
-            const module = _moduleGraph?.getModuleById(RESOLVED_VIRTUAL_MODULE_ID);
+            const module = _moduleGraph?.getModuleById(resolvedVirtualModuleId);
             if (module && _reloadModule) {
                 _reloadModule(module);
             }
@@ -66,22 +76,22 @@ export function viteSvgToWebfont<T extends GeneratedFontTypes = GeneratedFontTyp
             isBuild = _config.command === 'build';
         },
         resolveId(id) {
-            if (id !== VIRTUAL_MODULE_ID) {
+            if (id !== virtualModuleId) {
                 return undefined;
             }
-            return RESOLVED_VIRTUAL_MODULE_ID;
+            return resolvedVirtualModuleId;
         },
         transform(_code, id) {
-            if (id !== RESOLVED_VIRTUAL_MODULE_ID) {
+            if (id !== resolvedVirtualModuleId) {
                 return undefined;
             }
             return generatedFonts?.generateCss?.(fileRefs) || '';
         },
         load(id) {
-            if (id !== RESOLVED_VIRTUAL_MODULE_ID) {
+            if (id !== resolvedVirtualModuleId) {
                 return undefined;
             }
-            return RESOLVED_VIRTUAL_MODULE_ID;
+            return resolvedVirtualModuleId;
         },
         async buildStart() {
             if (!isBuild) {

src/optionParser.ts

@@ -131,6 +131,13 @@ export interface IconPluginOptions<T extends GeneratedFontTypes = GeneratedFontT
      * @default '.icon'
      */
     baseSelector?: string;
+    /**
+     * Virtual module id which is used by Vite to import the plugin artifacts.
+     * E.g. the default value is "vite-svg-2-webfont.css" so "virtual:vite-svg-2-webfont.css" should be imported.
+     *
+     * @default 'vite-svg-2-webfont.css'
+     */
+    moduleId?: string;
 }
 
 export function parseIconTypesOption<T extends GeneratedFontTypes = GeneratedFontTypes>({ types }: Pick<IconPluginOptions<T>, 'types'>): T[] {