cturan
/
vendure
mirrorاز https://github.com/vendure-ecommerce/vendure


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
							import { Plugin, ResolvedConfig } from 'vite';

/**
 * @description
 * This Vite plugin handles the scenario where the `base` path is set in the Vite config.
 * The default Vite behavior is to prepend the `base` path to all `href` and `src` attributes in the HTML,
 * but this causes the Vendure Dashboard not to load its assets correctly.
 *
 * This plugin removes the `base` path from all `href` and `src` attributes in the HTML,
 * and adds a `<base>` tag to the `<head>` of the HTML document.
 */
export function transformIndexHtmlPlugin(): Plugin {
    let config: ResolvedConfig;
    return {
        name: 'vendure:vite-config-transform-index-html',
        configResolved(resolvedConfig) {
            // store the resolved config
            config = resolvedConfig;
        },
        // Only apply this plugin during the build phase
        apply: 'build',
        transformIndexHtml(html, ctx) {
            // Don't transform Storybook HTML files
            if (
                ctx.filename &&
                (ctx.filename.includes('iframe.html') || ctx.filename.includes('storybook'))
            ) {
                return html;
            }

            if (config.base && config.base !== '/') {
                // Remove the base path from hrefs and srcs
                const basePath = config.base.replace(/\/$/, ''); // Remove trailing slash

                // Single regex to handle both href and src attributes with any quote type
                const attributeRegex = new RegExp(`(href|src)=(["'])${basePath}/?`, 'g');
                let transformedHtml = html.replace(attributeRegex, '$1=$2');

                // Add base tag to head
                const baseTag = `        <base href="${config.base}">\n`;
                transformedHtml = transformedHtml.replace(/<head>/, `<head>\n${baseTag}`);

                return transformedHtml;
            }
            return html;
        },
    };
}