@flatjs/evolve 2.1.0-next.3 → 2.1.0-next.5

package/dist/plugins/module-federation/external-template-remotes.js

@@ -1 +1,92 @@
-import webpackSources from"webpack-sources";const PLUGIN_NAME="ExternalTemplateRemotesPlugin",isExternalModule=e=>"ExternalModule"===e.constructor.name;function extractUrlAndGlobal(e){const t=e.indexOf("@");if(t<=0||t===e.length-1)throw new Error(`Invalid request "${e}"`);return[e.substring(t+1),e.substring(0,t)]}export class ExternalTemplateRemotesPlugin{apply(e){e.hooks.make.tap(PLUGIN_NAME,(e=>{const t=[];e.hooks.buildModule.tap(PLUGIN_NAME,(e=>{isExternalModule(e)&&"script"===e.externalType&&t.push(e)})),e.hooks.afterCodeGeneration.tap(PLUGIN_NAME,(()=>{t.forEach((t=>{const o=extractUrlAndGlobal(t.request)[0],n=toExpression(o),r=e.codeGenerationResults.get(t,void 0).sources,s=r.get("javascript");if(s){const e=new webpackSources.RawSource(s.source().toString().replace(`"${o}"`,n));r.set("javascript",e)}}))}))}))}}function toExpression(e){const t=[],o=[];let n=!1,r=!1;for(const s of e)if("["===s){if(n){r=!0;break}n=!0,o.length&&(t.push(`"${o.join("")}"`),o.length=0)}else if("]"===s){if(!n){r=!0;break}n=!1,o.length&&(t.push(`${o.join("")}`),o.length=0),o.length=0}else o.push(s);if(n||r)throw new Error(`Invalid template URL "${e}"`);return o.length&&t.push(`"${o.join("")}"`),t.join(" + ")}
+import webpackSources from 'webpack-sources';
+const PLUGIN_NAME = 'ExternalTemplateRemotesPlugin';
+const isExternalModule = (module) => {
+    return module.constructor.name === 'ExternalModule';
+};
+/**
+ * @param {string} urlAndGlobal the script request
+ * @returns {string[]} script url and its global variable
+ */
+function extractUrlAndGlobal(urlAndGlobal) {
+    const index = urlAndGlobal.indexOf('@');
+    if (index <= 0 || index === urlAndGlobal.length - 1) {
+        throw new Error(`Invalid request "${urlAndGlobal}"`);
+    }
+    return [urlAndGlobal.substring(index + 1), urlAndGlobal.substring(0, index)];
+}
+export class ExternalTemplateRemotesPlugin {
+    apply(compiler) {
+        compiler.hooks.make.tap(PLUGIN_NAME, (compilation) => {
+            const scriptExternalModules = [];
+            compilation.hooks.buildModule.tap(PLUGIN_NAME, (module) => {
+                if (isExternalModule(module) && module.externalType === 'script') {
+                    scriptExternalModules.push(module);
+                }
+            });
+            compilation.hooks.afterCodeGeneration.tap(PLUGIN_NAME, () => {
+                scriptExternalModules.forEach((module) => {
+                    const urlTemplate = extractUrlAndGlobal(module.request)[0];
+                    const urlExpression = toExpression(urlTemplate);
+                    const sourceMap = compilation.codeGenerationResults.get(module, undefined).sources;
+                    const rawSource = sourceMap.get('javascript');
+                    if (rawSource) {
+                        const source = new webpackSources.RawSource(rawSource
+                            .source()
+                            .toString()
+                            .replace(`"${urlTemplate}"`, urlExpression));
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        sourceMap.set('javascript', source);
+                    }
+                });
+            });
+        });
+    }
+}
+/**
+ * app2@localhost/remoteEntry.js --> "\"app2@localhost/remoteEntry.js\""
+ * app2@[window.app2Url]/remoteEntry.js --> "\"app2@\" + window.app2Url + \"/remoteEntry.js\""
+ * @param templateUrl
+ * @returns
+ */
+// eslint-disable-next-line sonarjs/cognitive-complexity
+function toExpression(templateUrl) {
+    const result = [];
+    const current = [];
+    let isExpression = false;
+    let invalid = false;
+    for (const c of templateUrl) {
+        if (c === '[') {
+            if (isExpression) {
+                invalid = true;
+                break;
+            }
+            isExpression = true;
+            if (current.length) {
+                result.push(`"${current.join('')}"`);
+                current.length = 0;
+            }
+        }
+        else if (c === ']') {
+            if (!isExpression) {
+                invalid = true;
+                break;
+            }
+            isExpression = false;
+            if (current.length) {
+                result.push(`${current.join('')}`);
+                current.length = 0;
+            }
+            current.length = 0;
+        }
+        else {
+            current.push(c);
+        }
+    }
+    if (isExpression || invalid) {
+        throw new Error(`Invalid template URL "${templateUrl}"`);
+    }
+    if (current.length) {
+        result.push(`"${current.join('')}"`);
+    }
+    return result.join(' + ');
+}

package/dist/plugins/module-federation/index.js

@@ -1 +1 @@
-export*from"./module-federation.js";
+export * from './module-federation.js';

package/dist/plugins/module-federation/module-federation.js

@@ -1 +1,98 @@
-import{join}from"node:path";import{ensureSlash}from"@flatjs/common";import webpack from"webpack";import{normalizeEvolveEntryName}from"../../helpers/normalize-entry-map.js";import{injectFederationScripts}from"../../helpers/script-injects.js";import{HtmlInjectScriptPlugin}from"../html-inject-scripts/plugin-html-inject-script.js";import{ExternalTemplateRemotesPlugin}from"./external-template-remotes.js";const normalizeWidgetName=(e="")=>e.replace(/[/-]/g,"_").toLowerCase(),remoteFileName=e=>join(e,"micro-remote-module.js");export const createModuleFederationPlugin=(e,t,r)=>{const o=r.projectVirtualPath,[n,i]=t,m=r.multiHtmlCdn,a=r.multiHtmlCdnEnvResolver,l=i.options?.moduleFederation,s=[];if(l){const{remotes:t,exposes:r,...i}=l,p=remoteFileName(n),c=normalizeWidgetName(n),u=(r?Array.isArray(r)?r:[r]:[]).map((e=>{const t={};for(const[r,o]of Object.entries(e))t[r]={...o,name:join(n,o.name.replace(/^\//,""))};return t})),d=(t||[]).map((({name:e,endpoint:t})=>{const r=normalizeEvolveEntryName(e,o),n=normalizeWidgetName(r),i=remoteFileName(r);return{[n]:`${n}@${t?ensureSlash(t(e,r),!1):"[window.evolveFetchMicroWidgets()]"}/${i}`}}));s.push(new webpack.container.ModuleFederationPlugin({...i,name:c,filename:p,remotes:d,exposes:u}),new ExternalTemplateRemotesPlugin),e||s.unshift(new HtmlInjectScriptPlugin([injectFederationScripts(m,a)]))}return s};
+import { join } from 'node:path';
+import { ensureSlash } from '@flatjs/common';
+import webpack from 'webpack';
+import { normalizeEvolveEntryName } from '../../helpers/normalize-entry-map.js';
+import { injectFederationScripts } from '../../helpers/script-injects.js';
+import { HtmlInjectScriptPlugin } from '../html-inject-scripts/plugin-html-inject-script.js';
+import { ExternalTemplateRemotesPlugin } from './external-template-remotes.js';
+/**
+ * `${projectVirtualPath}/mine` --> evolve_demo_mine
+ * @param entryPath `${projectVirtualPath}/mine`
+ */
+const normalizeWidgetName = (entryPath = '') => {
+    return entryPath.replace(/[/-]/g, '_').toLowerCase();
+};
+const remoteFileName = (entryName) => {
+    return join(entryName, `micro-remote-module.js`);
+};
+export const createModuleFederationPlugin = (serveMode, entryMapItem, evolveOptions) => {
+    const projectVirtualPath = evolveOptions.projectVirtualPath;
+    const [entryName, entryConfig] = entryMapItem;
+    const multiCdnConfig = evolveOptions.multiHtmlCdn;
+    const multiHtmlCdnResolver = evolveOptions.multiHtmlCdnEnvResolver;
+    const moduleFederation = entryConfig.options?.moduleFederation;
+    const plugins = [];
+    if (moduleFederation) {
+        const { remotes, exposes, ...restFederationOptions } = moduleFederation;
+        // e.g. `flatjs/evolve/mine` => `flatjs/evolve/home/micro-remote-module.js`
+        const entryRemoteFileName = remoteFileName(entryName);
+        // e.g. `flatjs/evolve/mine` => `flatjs_evolve_mine`
+        const containerName = normalizeWidgetName(entryName);
+        const patchExposes = exposes
+            ? Array.isArray(exposes)
+                ? exposes
+                : [exposes]
+            : [];
+        const myExposes = patchExposes.map((s) => {
+            const exposeItem = {};
+            for (const [key, config] of Object.entries(s)) {
+                exposeItem[key] = {
+                    ...config,
+                    name: join(entryName, config.name.replace(/^\//, '')),
+                };
+            }
+            return exposeItem;
+        });
+        const myRemotes = (remotes || []).map(({ name, endpoint }) => {
+            // e.g. `flatjs/evolve/home`
+            const normalizedEntryName = normalizeEvolveEntryName(name, projectVirtualPath);
+            // e.g. `flatjs_evolve_home`
+            const remoteWidgetName = normalizeWidgetName(normalizedEntryName);
+            // e.g. `flatjs/evolve/home/micro-remote-module.js`
+            const refRemoteEntryFileName = remoteFileName(normalizedEntryName);
+            // construct endpoint for remote widget name.
+            const endpointPath = endpoint
+                ? ensureSlash(endpoint(name, normalizedEntryName), false)
+                : `[window.evolveFetchMicroWidgets()]`;
+            return {
+                [remoteWidgetName]: `${remoteWidgetName}@${endpointPath}/${refRemoteEntryFileName}`,
+            };
+        });
+        plugins.push(
+        // https://webpack.js.org/plugins/module-federation-plugin/
+        new webpack.container.ModuleFederationPlugin({
+            /**
+             * Options for library.
+             * library: { type: 'var', name: containerName },
+             * other module federation configurations
+             */
+            ...restFederationOptions,
+            /**
+             * The name of the container
+             * `${projectName}-${moduleName}` e.g. `flatjs_evolve_home`
+             */
+            name: containerName,
+            /**
+             * The filename of the container as relative path inside the `output.path` directory.
+             * `${entryName}/micro-remote-module.js`, e.g. `flatjs/evolve/home/micro-remote-module.js`
+             */
+            filename: entryRemoteFileName,
+            /**
+             * Container locations and request scopes from which modules should be resolved and loaded at runtime.
+             * When provided, property name is used as request scope, otherwise request scope is automatically inferred from container location.
+             */
+            remotes: myRemotes,
+            /**
+             * Modules that should be exposed by this container.
+             * When provided, property name is used as public name, otherwise public name is automatically inferred from request.
+             */
+            exposes: myExposes,
+        }), new ExternalTemplateRemotesPlugin());
+        if (!serveMode) {
+            plugins.unshift(new HtmlInjectScriptPlugin([
+                injectFederationScripts(multiCdnConfig, multiHtmlCdnResolver),
+            ]));
+        }
+    }
+    return plugins;
+};

package/dist/plugins/multi-html/index.js

@@ -1 +1,15 @@
-import{FlatEvolveMultiCdnPlugin}from"./multi-html-cdn-plugin.js";import{createMultiHtmlWebpackPlugin}from"./multi-html-plugin.js";export const createHtmlPlugins=(t,l,u)=>{const i=[];if(t||l[1]?.options?.output?.library)return i;const n=Object.keys(u.multiHtmlCdn);return i.push(...createMultiHtmlWebpackPlugin(t,u,l,n)),i.push(new FlatEvolveMultiCdnPlugin(u)),i};
+import { FlatEvolveMultiCdnPlugin } from './multi-html-cdn-plugin.js';
+import { createMultiHtmlWebpackPlugin } from './multi-html-plugin.js';
+export const createHtmlPlugins = (serveMode, entryMapItem, evolveOptions) => {
+    const plugins = [];
+    // Only for `production`, or `library` compiler mode do not need to attach `html-webpack-plugin`
+    if (serveMode || entryMapItem[1]?.options?.output?.library) {
+        return plugins;
+    }
+    // Attach `html-webpack-plugin` first
+    const allEnv = Object.keys(evolveOptions.multiHtmlCdn);
+    plugins.push(...createMultiHtmlWebpackPlugin(serveMode, evolveOptions, entryMapItem, allEnv));
+    // Attach `@flatjs/evolve-plugin-multi-html-cdn`
+    plugins.push(new FlatEvolveMultiCdnPlugin(evolveOptions));
+    return plugins;
+};

package/dist/plugins/multi-html/multi-html-cdn-plugin.js

@@ -1 +1,84 @@
-import{basename}from"node:path";import HtmlWebpackPlugin from"html-webpack-plugin";import webpack from"webpack";import{cdnFinder,findEnvCdn,httpUrlJoin}from"../../helpers/script-injects.js";export class FlatEvolveMultiCdnPlugin{constructor(e){if(this.pluginName="FlatEvolveMultiCdnPlugin",this.requireFn=webpack.RuntimeGlobals.publicPath,this.config=e.multiHtmlCdn,this.cdnResolver=e.multiHtmlCdnEnvResolver||function cdnResolver(){},!this.config?.prod)throw new Error("We must setup `prod` for each CDN config node!")}apply(e){e.hooks.thisCompilation.tap(this.pluginName,(e=>{e.mainTemplate.hooks.requireExtensions.tap(this.pluginName,((n,t)=>{const i=[];i.push("// Dynamic assets path override(`@flatjs/evolve`) plugin-multi-html-cdn`)");const s=e.chunkGraph?.getTreeRuntimeRequirements(t);return s&&s.has(webpack.RuntimeGlobals.requireScope)&&(i.push("(function () {"),i.push(webpack.Template.indent("var flatjsMultiCdn = {")),i.push(webpack.Template.indent(webpack.Template.indent([`cdnConfig: ${JSON.stringify(this.config||{})},`]))),i.push(webpack.Template.indent(webpack.Template.indent([`cdnResolver: ${this.cdnResolver.toString()},`]))),i.push(webpack.Template.indent(webpack.Template.indent([`cdnFinder: ${cdnFinder.toString()}`]))),i.push(webpack.Template.indent("};")),i.push(webpack.Template.indent(`${this.requireFn} = flatjsMultiCdn.cdnFinder(flatjsMultiCdn.cdnConfig, flatjsMultiCdn.cdnResolver) || ${this.requireFn};`)),i.push("})();")),webpack.Template.asString(i)}))})),e.hooks.compilation.tap(this.pluginName,(e=>{HtmlWebpackPlugin.getHooks(e).beforeAssetTagGeneration.tap(this.pluginName,(e=>{const{assets:n}=e,{userOptions:t}=e.plugin,i=t.multiCdn,s=n.publicPath,a=n.js.map((e=>{if(i.disabled)return basename(e);const n=findEnvCdn(this.config,i.env);return httpUrlJoin(n,e.replace(s,""))})),p=n.css.map((e=>{if(i.disabled)return basename(e);const n=findEnvCdn(this.config,i.env);return httpUrlJoin(n,e.replace(s,""))}));return e.assets.js=a,e.assets.css=p,e}))}))}}
+import { basename } from 'node:path';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import webpack from 'webpack';
+import { cdnFinder, findEnvCdn, httpUrlJoin, } from '../../helpers/script-injects.js';
+export class FlatEvolveMultiCdnPlugin {
+    constructor(evolveOptions) {
+        this.pluginName = 'FlatEvolveMultiCdnPlugin';
+        // https://github.com/webpack/webpack/blob/3d653290fafe385277b48e5a36807124618b9561/lib/MainTemplate.js#L12
+        // the bundle public path RuntimeGlobals.publicPath: '__webpack_require__.p';
+        this.requireFn = webpack.RuntimeGlobals.publicPath;
+        this.config = evolveOptions.multiHtmlCdn;
+        this.cdnResolver =
+            evolveOptions.multiHtmlCdnEnvResolver ||
+                function cdnResolver() {
+                    return undefined;
+                };
+        // Make sure we have `prod` configuration for each cdn node at least.
+        if (!this.config?.prod) {
+            throw new Error('We must setup `prod` for each CDN config node!');
+        }
+    }
+    /**
+     * Apply the plugin to check if there are non initial chunks which need to be imported using `require-ensure` or `import`
+     * https://github.com/webpack/webpack/blob/3d653290fafe385277b48e5a36807124618b9561/lib/MainTemplate.js#L158
+     * https://www.npmjs.com/package/vscode-webpack-debugger
+     * https://www.cnblogs.com/Scar007/p/9166068.html
+     * https://www.cnblogs.com/pluslius/p/10271537.html
+     */
+    apply(compiler) {
+        // Handle chunk assets while  `Compilation:before-chunk-assets`
+        // https://github.com/webpack/webpack/blob/3d653290fafe385277b48e5a36807124618b9561/lib/MainTemplate.js#L58
+        compiler.hooks.thisCompilation.tap(this.pluginName, (compilation) => {
+            compilation.mainTemplate.hooks.requireExtensions.tap(this.pluginName, (_source, chunk) => {
+                const buf = [];
+                buf.push('// Dynamic assets path override(`@flatjs/evolve`) plugin-multi-html-cdn`)');
+                const runtimeRequirements = compilation.chunkGraph?.getTreeRuntimeRequirements(chunk);
+                if (runtimeRequirements &&
+                    runtimeRequirements.has(webpack.RuntimeGlobals.requireScope)) {
+                    buf.push('(function () {');
+                    buf.push(webpack.Template.indent(`var flatjsMultiCdn = {`));
+                    buf.push(webpack.Template.indent(webpack.Template.indent([
+                        `cdnConfig: ${JSON.stringify(this.config || {})},`,
+                    ])));
+                    buf.push(webpack.Template.indent(webpack.Template.indent([
+                        `cdnResolver: ${this.cdnResolver.toString()},`,
+                    ])));
+                    buf.push(webpack.Template.indent(webpack.Template.indent([`cdnFinder: ${cdnFinder.toString()}`])));
+                    buf.push(webpack.Template.indent(`};`));
+                    buf.push(webpack.Template.indent(`${this.requireFn} = flatjsMultiCdn.cdnFinder(flatjsMultiCdn.cdnConfig, flatjsMultiCdn.cdnResolver) || ${this.requireFn};`));
+                    buf.push('})();');
+                }
+                return webpack.Template.asString(buf);
+            });
+        });
+        // Using html webpack plugin hooks to replace `scripts` `styles` before inject to html temlate file.
+        compiler.hooks.compilation.tap(this.pluginName, (compilation) => {
+            HtmlWebpackPlugin.getHooks(compilation).beforeAssetTagGeneration.tap(this.pluginName, (data) => {
+                const { assets } = data;
+                const { userOptions } = data.plugin;
+                const multiCdn = userOptions.multiCdn;
+                const publicPath = assets.publicPath;
+                const scripts = assets.js.map((scriptItem) => {
+                    // Normally for `index-dev.html`  we need to use relative path.
+                    if (multiCdn.disabled) {
+                        return basename(scriptItem);
+                    }
+                    const randomCdn = findEnvCdn(this.config, multiCdn.env);
+                    return httpUrlJoin(randomCdn, scriptItem.replace(publicPath, ''));
+                });
+                const styles = assets.css.map((styleItem) => {
+                    // Normally for `index-dev.html`  we need to use relative path.
+                    if (multiCdn.disabled) {
+                        return basename(styleItem);
+                    }
+                    const randomCdn = findEnvCdn(this.config, multiCdn.env);
+                    return httpUrlJoin(randomCdn, styleItem.replace(publicPath, ''));
+                });
+                data.assets.js = scripts;
+                data.assets.css = styles;
+                return data;
+            });
+        });
+    }
+}

package/dist/plugins/multi-html/multi-html-plugin.js

@@ -1 +1,70 @@
-import HtmlWebpackPlugin from"html-webpack-plugin";import{allowPx2remForModule}from"../../helpers/allow-px2rem-for-module.js";import{getHtmlPluginConfig}from"../../helpers/get-html-plugin-config.js";import{findEnvCdn}from"../../helpers/script-injects.js";const minifyOpts={minifyJS:!0,removeComments:!0,collapseWhitespace:!0,collapseBooleanAttributes:!1};export const createMultiHtmlWebpackPlugin=(e,t,i,l)=>{const[n,o]=i,r=[],{options:m}=o,g=e?"development":"production";for(const e of l){const l={mode:g,envCdn:findEnvCdn(t.multiHtmlCdn,e)};r.push(new HtmlWebpackPlugin({inject:"body",title:getHtmlPluginConfig("title",l,m?.title),chunks:[n],minify:!1!==m?.htmlMinify&&!["me","dev"].includes(e)&&minifyOpts,filename:`${n}/index${"prod"===e?"":`-${e}`}.html`,template:getHtmlPluginConfig("templatePath",l,m?.templatePath).replace("{0}",e),templateParameters:{title:getHtmlPluginConfig("title",l,m?.title),favicon:getHtmlPluginConfig("favicon",l,m?.favicon),headBeforeHtmlTags:getHtmlPluginConfig("headBeforeHtmlTags",l,m?.headBeforeHtmlTags),inlineScripts:getHtmlPluginConfig("inlineScripts",l,m?.inlineScripts),headBeforeStyles:getHtmlPluginConfig("headBeforeStyles",l,m?.headBeforeStyles),headBeforeScripts:getHtmlPluginConfig("headBeforeScripts",l,m?.headBeforeScripts),bodyAfterScripts:getHtmlPluginConfig("bodyAfterScripts",l,m?.bodyAfterScripts),viewport:allowPx2remForModule(i,t)?getHtmlPluginConfig("viewport",l,m?.viewport):""},multiCdn:{env:e,disabled:(m?.excludeCdnEnvs||["me","dev","ntv"]).includes(e)}}))}return r};
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import { allowPx2remForModule } from '../../helpers/allow-px2rem-for-module.js';
+import { getHtmlPluginConfig, } from '../../helpers/get-html-plugin-config.js';
+import { findEnvCdn } from '../../helpers/script-injects.js';
+const minifyOpts = {
+    minifyJS: true,
+    removeComments: true,
+    collapseWhitespace: true,
+    collapseBooleanAttributes: false,
+};
+/**
+ * Create `html-webpack-plugin` for this build, refer to best practices
+ * We'd better pass only one entry for each `build` cycle
+ * @param buildEntryItem the entries for this `build`
+ * @param allEnv
+ */
+export const createMultiHtmlWebpackPlugin = (serveMode, evolveOptions, entryMapItem, allEnv) => {
+    const [entryKey, entryConfig] = entryMapItem;
+    const htmlPlugins = [];
+    const { options } = entryConfig;
+    const mode = serveMode ? 'development' : 'production';
+    for (const env of allEnv) {
+        const envCdn = findEnvCdn(evolveOptions.multiHtmlCdn, env);
+        const configData = {
+            mode,
+            envCdn,
+        };
+        htmlPlugins.push(new HtmlWebpackPlugin({
+            inject: 'body',
+            title: getHtmlPluginConfig('title', configData, options?.title),
+            chunks: [entryKey],
+            // `minify` is true, `dev` always don't minify.
+            minify: options?.htmlMinify === false || ['me', 'dev'].includes(env)
+                ? false
+                : minifyOpts,
+            // output file path
+            filename: `${entryKey}/index${env === 'prod' ? '' : `-${env}`}.html`,
+            // html template
+            template: getHtmlPluginConfig('templatePath', configData, options?.templatePath).replace(`{0}`, env),
+            // template parameters
+            templateParameters: {
+                // The page title
+                title: getHtmlPluginConfig('title', configData, options?.title),
+                // The page favicon
+                favicon: getHtmlPluginConfig('favicon', configData, options?.favicon),
+                // The customized inject head tags.
+                headBeforeHtmlTags: getHtmlPluginConfig('headBeforeHtmlTags', configData, options?.headBeforeHtmlTags),
+                // The customized inject inline scripts.
+                inlineScripts: getHtmlPluginConfig('inlineScripts', configData, options?.inlineScripts),
+                // The ordered styles will be injected start of html head.
+                headBeforeStyles: getHtmlPluginConfig('headBeforeStyles', configData, options?.headBeforeStyles),
+                // The ordered scripts will be injected before html head.
+                headBeforeScripts: getHtmlPluginConfig('headBeforeScripts', configData, options?.headBeforeScripts),
+                // The ordered scripts will be injected end of html body.
+                bodyAfterScripts: getHtmlPluginConfig('bodyAfterScripts', configData, options?.bodyAfterScripts),
+                // `allowPx2rem` default is true
+                viewport: allowPx2remForModule(entryMapItem, evolveOptions)
+                    ? getHtmlPluginConfig('viewport', configData, options?.viewport)
+                    : '',
+            },
+            // Some options for plugin used the `hook` of `html-webpack-plugin`
+            multiCdn: {
+                env,
+                // use relative path for `me`, `dev`, `ntv`
+                disabled: (options?.excludeCdnEnvs || ['me', 'dev', 'ntv']).includes(env),
+            },
+        }));
+    }
+    return htmlPlugins;
+};

package/dist/plugins/ts-checker/index.d.ts

@@ -0,0 +1 @@
+export * from './ts-checker-plugin.js';

package/dist/plugins/ts-checker/index.js

@@ -0,0 +1 @@
+export * from './ts-checker-plugin.js';

package/dist/plugins/ts-checker/ts-checker-plugin.d.ts

@@ -0,0 +1,4 @@
+import { type WebpackPlugin } from '../../create-webpack/types.js';
+import { type EntryMapItem } from '../../types/types-entry-map.js';
+import { type FlatEvolveOptions } from '../../types/types-options.js';
+export declare const createTsCheckerPlugins: (serveMode: boolean, entryMapItem: EntryMapItem, evolveOptions: FlatEvolveOptions) => WebpackPlugin[];

package/dist/plugins/ts-checker/ts-checker-plugin.js

@@ -0,0 +1,18 @@
+import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+export const createTsCheckerPlugins = (serveMode, entryMapItem, evolveOptions) => {
+    const plugins = [];
+    const itemEntries = entryMapItem[1].entry || [];
+    const isVueEntryItem = itemEntries.find((s) => /.vue$/.test(s));
+    // Runs typescript type checker and linter on separate process.
+    if (evolveOptions.loaderOptions.runTsChecker && !isVueEntryItem) {
+        plugins.push(new ForkTsCheckerWebpackPlugin({
+            async: serveMode,
+            issue: {},
+            typescript: {
+                context: evolveOptions.projectCwd,
+                memoryLimit: 2048 * 4,
+            },
+        }));
+    }
+    return plugins;
+};

package/dist/types/index.js

@@ -1 +1,8 @@
-export*from"./types-dev-server.js";export*from"./types-entry-map.js";export*from"./types-federation.js";export*from"./types-modular-import.js";export*from"./types-multi-html.js";export*from"./types-options.js";export*from"./types-loader-options.js";export*from"./types-webpack.js";
+export * from './types-dev-server.js';
+export * from './types-entry-map.js';
+export * from './types-federation.js';
+export * from './types-modular-import.js';
+export * from './types-multi-html.js';
+export * from './types-options.js';
+export * from './types-loader-options.js';
+export * from './types-webpack.js';

package/dist/types/types-ci.js

@@ -1 +1 @@
-export{};
+export {};

package/dist/types/types-dev-server.js

@@ -1 +1 @@
-export{};
+export {};

package/dist/types/types-entry-map.js

@@ -1 +1 @@
-export{};
+export {};

package/dist/types/types-federation.js

@@ -1 +1 @@
-export{};
+export {};

package/dist/types/types-loader-options.js

@@ -1 +1 @@
-export{};
+export {};

package/dist/types/types-modular-import.js

@@ -1 +1 @@
-export{};
+export {};

package/dist/types/types-multi-html.js

@@ -1 +1 @@
-export{};
+export {};

package/dist/types/types-options.js

@@ -1 +1 @@
-export{};
+export {};

package/dist/types/types-plugin-options.js

@@ -1 +1 @@
-export{};
+export {};

package/dist/types/types-webpack.js

@@ -1 +1 @@
-export{};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatjs/evolve",
-  "version": "2.1.0-next.3",
+  "version": "2.1.0-next.5",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -19,7 +19,7 @@
   ],
   "scripts": {
     "serve": "yarn node --import=@armit/path-alias/register ./tests/dev-server/dev-server.ts",
-    "build": "rimraf dist && tsc -p ./tsconfig.build.json && npm run minify",
+    "build": "rimraf dist && tsc -p ./tsconfig.build.json",
     "?build-release": "When https://github.com/atlassian/changesets/issues/432 has a solution we can remove this trick",
     "build-release": "yarn build && rimraf ./_release && yarn pack && mkdir ./_release && tar zxvf ./package.tgz --directory ./_release && rm ./package.tgz",
     "minify": "node ../../scripts/minify.mjs --dest=dist",
@@ -41,12 +41,12 @@
     "@armit/package": "^0.1.5",
     "@armit/worker-threads": "^0.1.4",
     "@babel/core": "7.24.3",
-    "@flatjs/babel-plugin-import": "2.1.0-next.2",
+    "@flatjs/babel-plugin-import": "2.1.0-next.3",
     "@flatjs/common": "2.1.0-next.2",
     "@flatjs/evolve-preset-babel": "2.1.0-next.2",
     "@flatjs/forge-postcss-plugin-pixel": "2.1.0-next.2",
-    "@flatjs/graph": "2.1.0-next.3",
-    "@flatjs/mock": "2.1.0-next.3",
+    "@flatjs/graph": "2.1.0-next.4",
+    "@flatjs/mock": "2.1.0-next.4",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
     "@types/babel__core": "7.20.5",
     "babel-loader": "9.1.3",