@flatjs/evolve 2.1.0-next.10 → 2.1.0-next.12

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,100 @@
-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,o)=>{const r=o.projectVirtualPath,n=o.multiHtmlCdn,i=o.multiHtmlCdnEnvResolver,m=[];for(const o of t){const[t,a]=o,l=a.options?.moduleFederation;if(l){const{remotes:o,exposes:a,...s}=l,c=remoteFileName(t),p=normalizeWidgetName(t),u=(a?Array.isArray(a)?a:[a]:[]).map((e=>{const o={};for(const[r,n]of Object.entries(e))o[r]={...n,name:join(t,n.name.replace(/^\//,""))};return o})),d=(o||[]).map((({name:e,endpoint:t})=>{const o=normalizeEvolveEntryName(e,r),n=normalizeWidgetName(o),i=remoteFileName(o),m=t?ensureSlash(t(e,o),!1):"[window.evolveFetchMicroWidgets()]";return{[n]:`${n}@${m}/${i}`}}));m.push(new webpack.container.ModuleFederationPlugin({...s,name:p,filename:c,remotes:d,exposes:u}),new ExternalTemplateRemotesPlugin),e||m.unshift(new HtmlInjectScriptPlugin([injectFederationScripts(n,i)]))}}return m};
+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, entryMapItemList, evolveOptions) => {
+    const projectVirtualPath = evolveOptions.projectVirtualPath;
+    const multiCdnConfig = evolveOptions.multiHtmlCdn;
+    const multiHtmlCdnResolver = evolveOptions.multiHtmlCdnEnvResolver;
+    const plugins = [];
+    for (const entryMapItem of entryMapItemList) {
+        const [entryName, entryConfig] = entryMapItem;
+        const moduleFederation = entryConfig.options?.moduleFederation;
+        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,16 @@
-import{FlatEvolveMultiCdnPlugin}from"./multi-html-cdn-plugin.js";import{createMultiHtmlWebpackPlugin}from"./multi-html-plugin.js";export const createHtmlPlugins=(t,l,u)=>{const i=[],n=l[0];if(t||n[1]?.options?.output?.library)return i;const e=Object.keys(u.multiHtmlCdn);return i.push(...createMultiHtmlWebpackPlugin(t,u,l,e)),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, entryMapItemList, evolveOptions) => {
+    const plugins = [];
+    // Only for `production`, or `library` compiler mode do not need to attach `html-webpack-plugin`
+    const firstEntryMapItem = entryMapItemList[0];
+    if (serveMode || firstEntryMapItem[1]?.options?.output?.library) {
+        return plugins;
+    }
+    // Attach `html-webpack-plugin` first
+    const allEnv = Object.keys(evolveOptions.multiHtmlCdn);
+    plugins.push(...createMultiHtmlWebpackPlugin(serveMode, evolveOptions, entryMapItemList, 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,83 @@
-import{basename}from"node:path";import HtmlWebpackPlugin from"html-webpack-plugin";import webpack from"webpack";import{getRuntimeCDNBase}from"../../helpers/get-runtime-cdn-base.js";import{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,((t,n)=>{const i=[];i.push("// Dynamic assets path override(`@flatjs/evolve`) plugin-multi-html-cdn`)");const s=e.chunkGraph?.getTreeRuntimeRequirements(n);return s&&s.has(webpack.RuntimeGlobals.requireScope)&&i.push(webpack.Template.indent(getRuntimeCDNBase(this.config,this.cdnResolver,this.requireFn))),webpack.Template.asString(i)}))})),e.hooks.compilation.tap(this.pluginName,(e=>{HtmlWebpackPlugin.getHooks(e).beforeAssetTagGeneration.tap(this.pluginName,(e=>{const{assets:t,plugin:n,outputName:i}=e,s=n?.options?.chunks||[],r=Array.isArray(s)?s.find((e=>i.includes(e))):s,{userOptions:o}=e.plugin;if(!r)throw new Error("We must have current chunk!");const a=t.js.filter((e=>e.includes(r))),l=t.css.filter((e=>e.includes(r))),p=o.multiCdn,u=t.publicPath,c=a.map((e=>{if(p.disabled)return basename(e);const t=findEnvCdn(this.config,p.env);return httpUrlJoin(t,e.replace(u,""))})),m=l.map((e=>{if(p.disabled)return basename(e);const t=findEnvCdn(this.config,p.env);return httpUrlJoin(t,e.replace(u,""))}));return e.assets.js=c,e.assets.css=m,e}))}))}}
+import { basename } from 'node:path';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import webpack from 'webpack';
+import { getRuntimeCDNBase } from '../../helpers/get-runtime-cdn-base.js';
+import { 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(webpack.Template.indent(getRuntimeCDNBase(this.config, this.cdnResolver, this.requireFn)));
+                }
+                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, plugin, outputName } = data;
+                const chunks = plugin?.options?.chunks || [];
+                const currentChunk = Array.isArray(chunks)
+                    ? chunks.find((chunk) => outputName.includes(chunk))
+                    : chunks;
+                const { userOptions } = data.plugin;
+                if (!currentChunk) {
+                    throw new Error('We must have current chunk!');
+                }
+                const assertJsList = assets.js.filter((jsPath) => jsPath.includes(currentChunk));
+                const assertCssList = assets.css.filter((jsPath) => jsPath.includes(currentChunk));
+                const multiCdn = userOptions.multiCdn;
+                const publicPath = assets.publicPath;
+                const scripts = assertJsList.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 = assertCssList.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,65 @@
-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{normalizeTemplateInjectTokens}from"../../helpers/normalize-template-inject-tokens.js";import{findEnvCdn}from"../../helpers/script-injects.js";const minifyOpts={minifyJS:!0,removeComments:!0,collapseWhitespace:!0,collapseBooleanAttributes:!1};export const createMultiHtmlWebpackPlugin=(e,t,l,n)=>{const i=l[0],[,o]=i,m=[],{options:p}=o,r=e?"development":"production",a=l.map((e=>e[0]));for(const e of n){const l={mode:r,envCdn:findEnvCdn(t.multiHtmlCdn,e)},n=normalizeTemplateInjectTokens(l,p);m.push(new HtmlWebpackPlugin({inject:"body",title:getHtmlPluginConfig("title",l,p?.title),chunks:a,minify:!1!==p?.htmlMinify&&!["me","dev"].includes(e)&&minifyOpts,filename:t=>`${t}/index${"prod"===e?"":`-${e}`}.html`,template:getHtmlPluginConfig("templatePath",l,p?.templatePath).replace("{0}",e),templateParameters:{title:getHtmlPluginConfig("title",l,p?.title),favicon:getHtmlPluginConfig("favicon",l,p?.favicon),viewport:allowPx2remForModule(i,t)?getHtmlPluginConfig("viewport",l,p?.viewport):"",...n},multiCdn:{env:e,disabled:(p?.excludeCdnEnvs||["me","dev","ntv"]).includes(e)}}))}return m};
+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 { normalizeTemplateInjectTokens } from '../../helpers/normalize-template-inject-tokens.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, entryMapItemList, allEnv) => {
+    const firstEntryMap = entryMapItemList[0];
+    const [, entryConfig] = firstEntryMap;
+    const htmlPlugins = [];
+    const { options } = entryConfig;
+    const mode = serveMode ? 'development' : 'production';
+    const chunks = entryMapItemList.map((entryMap) => entryMap[0]);
+    for (const env of allEnv) {
+        const envCdn = findEnvCdn(evolveOptions.multiHtmlCdn, env);
+        const configData = {
+            mode,
+            envCdn,
+        };
+        const templateInjectTokens = normalizeTemplateInjectTokens(configData, options);
+        htmlPlugins.push(new HtmlWebpackPlugin({
+            inject: 'body',
+            title: getHtmlPluginConfig('title', configData, options?.title),
+            chunks: chunks,
+            // `minify` is true, `dev` always don't minify.
+            minify: options?.htmlMinify === false || ['me', 'dev'].includes(env)
+                ? false
+                : minifyOpts,
+            // output file path
+            filename: (entryName) => `${entryName}/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),
+                // `allowPx2rem` default is true
+                viewport: allowPx2remForModule(firstEntryMap, evolveOptions)
+                    ? getHtmlPluginConfig('viewport', configData, options?.viewport)
+                    : '',
+                ...templateInjectTokens,
+            },
+            // 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.js

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

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

@@ -1 +1,24 @@
-import ForkTsCheckerWebpackPlugin from"fork-ts-checker-webpack-plugin";export const createTsCheckerPlugins=(e,r,t)=>{const c=[];let o=!1;for(const[,e]of r){if((e.entry||[]).find((e=>/.vue$/.test(e)))){o=!0;break}}return t.loaderOptions.runTsChecker&&!o&&c.push(new ForkTsCheckerWebpackPlugin({async:e,issue:{},typescript:{context:t.projectCwd,memoryLimit:8192}})),c};
+import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+export const createTsCheckerPlugins = (serveMode, entryMapItemList, evolveOptions) => {
+    const plugins = [];
+    let isVueEntryItem = false;
+    for (const [, entryMapItem] of entryMapItemList) {
+        const itemEntries = entryMapItem.entry || [];
+        if (itemEntries.find((s) => /.vue$/.test(s))) {
+            isVueEntryItem = true;
+            break;
+        }
+    }
+    // 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.d.ts

@@ -1,6 +1,7 @@
 import { type TransformOptions } from '@babel/core';
 import { type PostcssPluginPixelOptions } from '@flatjs/forge-postcss-plugin-pixel';
 import { type AcceptedPlugin } from 'postcss';
+import { type LoaderContext } from 'webpack';
 import { type ModularImportOption } from './types-modular-import.js';
 export type BabelInputOptions = Pick<TransformOptions, 'presets' | 'plugins'>;
 /**
@@ -14,6 +15,34 @@ export type BuiltinBabelOptions = BabelInputOptions & {
      */
     usePreset?: 'react' | 'vue';
 };
+/**
+ * The configurations for `css-loader` modules
+ * https://github.com/webpack-contrib/css-loader/blob/master/README.md#modules
+ */
+export type CssLoaderModules = boolean | 'local' | 'global' | 'pure' | 'icss' | Partial<{
+    auto: boolean | RegExp | ((resourcePath: string) => boolean);
+    mode: 'local' | 'global' | 'pure' | 'icss' | ((resourcePath: any) => 'local' | 'global' | 'pure' | 'icss');
+    localIdentName: string;
+    localIdentContext: string;
+    localIdentHashSalt: string;
+    localIdentHashFunction: string;
+    localIdentHashDigest: string;
+    localIdentRegExp: string | RegExp;
+    getLocalIdent: (context: LoaderContext<any>, localIdentName: string, localName: string) => string;
+    namedExport: boolean;
+    exportGlobals: boolean;
+    exportLocalsConvention: 'as-is' | 'camel-case' | 'camel-case-only' | 'dashes' | 'dashes-only' | ((name: string) => string);
+    exportOnlyLocals: boolean;
+    getJSON: ({ resourcePath, imports, exports, replacements, }: {
+        resourcePath: string;
+        imports: object[];
+        exports: object[];
+        replacements: object[];
+    }) => Promise<void> | void;
+}>;
+export type CssLoaderOptions = {
+    modules?: CssLoaderModules;
+} & Record<string, unknown>;
 /**
  * The configurations for `builtin` rule set options
  */
@@ -28,9 +57,7 @@ export interface RuleSetLoaderOptions {
      * The configurations of `css-loader`
      * https://github.com/webpack-contrib/css-loader/blob/master/README.md#modules
      */
-    cssLoaderOptions?: {
-        modules?: Record<string, unknown>;
-    } & Record<string, unknown>;
+    cssLoaderOptions?: CssLoaderOptions;
     /**
      * The config for `Less`
      */

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-threads-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.10",
+  "version": "2.1.0-next.12",
   "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",