create-module-federation 0.0.0-1737428758075 → 0.0.0-codex-node24-dev-node20-compat-ci-20260713063237

package/README.md

@@ -1 +1,40 @@
-# `create-module-federation`
+<p align="center">
+  <a href="https://module-federation.io/" target="blank"><img src="https://module-federation.io/module-federation.svg" alt="Module Federation 2.0" /></a>
+</p>
+
+# create-module-federation
+
+Create a new Module Federation project.
+
+<p>
+  <a href="https://npmjs.com/package/create-module-federation">
+   <img src="https://img.shields.io/npm/v/create-module-federation?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" />
+  </a>
+  <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" />
+  <a href="https://npmcharts.com/compare/create-module-federation?minimal=true"><img src="https://img.shields.io/npm/dm/create-module-federation.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /></a>
+</p>
+
+## Usage
+
+Using `npm create`:
+
+```bash
+npm create module-federation@latest
+```
+
+Using CLI flags:
+
+```bash
+npx create-module-federation --dir my-project --template provider-modern --name provider
+
+# Using abbreviations
+npx create-module-federation -d my-project -t provider-modern -n provider
+```
+
+## Documentation
+
+See [Documentation](https://module-federation.io/guide/start/quick-start).
+
+## License
+
+[MIT](https://github.com/module-federation/core/blob/main/LICENSE).

package/dist/index.js

@@ -1,11 +1,14 @@
-import * as __WEBPACK_EXTERNAL_MODULE_path__ from "path";
-import * as __WEBPACK_EXTERNAL_MODULE_fs__ from "fs";
-import * as __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__ from "@clack/prompts";
-import * as __WEBPACK_EXTERNAL_MODULE_minimist__ from "minimist";
-import * as __WEBPACK_EXTERNAL_MODULE_rslog__ from "rslog";
-import * as __WEBPACK_EXTERNAL_MODULE_glob__ from "glob";
-import * as __WEBPACK_EXTERNAL_MODULE_fs_extra_ce68a66b__ from "fs-extra";
-import * as __WEBPACK_EXTERNAL_MODULE_handlebars__ from "handlebars";
+#!/usr/bin/env node
+import path_0 from "path";
+import fs from "fs";
+import { spawnSync } from "child_process";
+import { fileURLToPath } from "url";
+import { cancel, isCancel, multiselect, note, outro, select as prompts_select, text as prompts_text } from "@clack/prompts";
+import minimist from "minimist";
+import { logger } from "rslog";
+import glob from "glob";
+import { mkdir, readFile, writeFile } from "fs/promises";
+import handlebars from "handlebars";
 const IMAGE_EXT_LIST = [
     '.jpg',
     '.jpeg',
@@ -26,56 +29,58 @@ class FsResource {
         this.resourceKey = resourceKey;
     }
     async value() {
-        const resourceFileExt = __WEBPACK_EXTERNAL_MODULE_path__["default"].extname(this.filePath);
+        const resourceFileExt = path_0.extname(this.filePath);
         if (IMAGE_EXT_LIST.includes(resourceFileExt)) {
-            const buffer = await __WEBPACK_EXTERNAL_MODULE_fs_extra_ce68a66b__["default"].readFile(__WEBPACK_EXTERNAL_MODULE_path__["default"].resolve(this.filePath));
+            const buffer = await readFile(path_0.resolve(this.filePath));
             return {
                 content: buffer
             };
         }
-        const text = await __WEBPACK_EXTERNAL_MODULE_fs_extra_ce68a66b__["default"].readFile(__WEBPACK_EXTERNAL_MODULE_path__["default"].resolve(this.filePath), 'utf8');
+        const text = await readFile(path_0.resolve(this.filePath), 'utf8');
         return {
             content: text
         };
     }
 }
 const promisifyGlob = (pattern, options)=>new Promise((resolve, reject)=>{
-        (0, __WEBPACK_EXTERNAL_MODULE_glob__["default"])(pattern, options, (err, files)=>null === err ? resolve(files) : reject(err));
+        glob(pattern, options, (err, files)=>null === err ? resolve(files) : reject(err));
     });
 class FsMaterial {
     constructor(basePath){
         this.basePath = basePath;
     }
     get(resourceKey) {
-        return new FsResource(__WEBPACK_EXTERNAL_MODULE_path__["default"].resolve(this.basePath, resourceKey), resourceKey);
+        return new FsResource(path_0.resolve(this.basePath, resourceKey), resourceKey);
     }
     async find(globStr, options) {
         const matches = await promisifyGlob(globStr, {
-            cwd: __WEBPACK_EXTERNAL_MODULE_path__["default"].resolve(this.basePath),
+            cwd: path_0.resolve(this.basePath),
             nodir: options?.nodir,
             dot: options?.dot,
             ignore: options?.ignore
         });
         return matches.reduce((pre, cur)=>{
-            pre[cur] = new FsResource(__WEBPACK_EXTERNAL_MODULE_path__["default"].resolve(this.basePath, cur), cur);
+            pre[cur] = new FsResource(path_0.resolve(this.basePath, cur), cur);
             return pre;
         }, {});
     }
 }
 function renderString(template, fullData) {
-    return __WEBPACK_EXTERNAL_MODULE_handlebars__["default"].compile(template)(fullData) || '';
+    return handlebars.compile(template)(fullData) || '';
 }
 async function outputFs(file, content, outputPath, options) {
-    const filePath = __WEBPACK_EXTERNAL_MODULE_path__["default"].resolve(outputPath, file.toString());
-    await __WEBPACK_EXTERNAL_MODULE_fs_extra_ce68a66b__["default"].mkdirp(__WEBPACK_EXTERNAL_MODULE_path__["default"].dirname(filePath));
-    await __WEBPACK_EXTERNAL_MODULE_fs_extra_ce68a66b__["default"].writeFile(filePath, content, options);
+    const filePath = path_0.resolve(outputPath, file.toString());
+    await mkdir(path_0.dirname(filePath), {
+        recursive: true
+    });
+    await writeFile(filePath, content, options);
 }
 class HandlebarsAPI {
     async renderTemplate(templateResource, target, outputFilePath, parameters = {}) {
         if (templateResource._type !== FS_RESOURCE) throw new Error('resource not match');
         const resourceValue = await templateResource.value();
         if ('string' != typeof resourceValue.content) throw new Error(`resource.value is not string, resourceValue=${resourceValue}`);
-        await outputFs(target, renderString(resourceValue.content, parameters), outputFilePath, {
+        await outputFs(target, templateResource.resourceKey.endsWith('.handlebars') ? renderString(resourceValue.content, parameters) : resourceValue.content, outputFilePath, {
             encoding: 'utf-8'
         });
     }
@@ -89,11 +94,21 @@ class HandlebarsAPI {
         }));
     }
 }
+const create_filename = fileURLToPath(import.meta.url);
+const create_dirname = path_0.dirname(create_filename);
+const packageDir = path_0.resolve(create_dirname, '..');
+const OTHER_TYPE = {
+    zephyr: {
+        label: 'zephyr',
+        packageName: 'zephyr-apps@latest',
+        hint: 'create zephyr-apps@latest'
+    }
+};
 function upperFirst(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
 }
 function logHelpMessage(name, templates) {
-    __WEBPACK_EXTERNAL_MODULE_rslog__.logger.log(`
+    logger.log(`
    Usage: create-${name} [options]
 
    Options:
@@ -101,11 +116,12 @@ function logHelpMessage(name, templates) {
      -h, --help       display help for command
      -d, --dir        create project in specified directory
      -t, --template   specify the template to use
+     -n, --name       specify the mf name
+     -r, --role       specify the mf role type: provider or consumer
      --override       override files in target directory
 
    Templates:
-
-     ${templates.join(', ')}
+     ${templates.filter((t)=>!t.startsWith('zephyr')).join(', ')}
 `);
 }
 function pkgFromUserAgent(userAgent) {
@@ -118,49 +134,31 @@ function pkgFromUserAgent(userAgent) {
     };
 }
 function cancelAndExit() {
-    (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.cancel)('Operation cancelled.');
+    cancel('Operation cancelled.');
     process.exit(0);
 }
 function checkCancel(value) {
-    if ((0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.isCancel)(value)) cancelAndExit();
+    if (isCancel(value)) cancelAndExit();
     return value;
 }
-function formatDir(input) {
+function formatProjectName(input) {
+    const formatted = input.trim().replace(/\/+$/g, '');
     return {
-        targetDir: input.trim().replace(/\/+$/g, '')
+        packageName: input,
+        targetDir: formatted
     };
 }
 function isEmptyDir(path) {
-    const files = __WEBPACK_EXTERNAL_MODULE_fs__["default"].readdirSync(path);
+    const files = fs.readdirSync(path);
     return 0 === files.length || 1 === files.length && '.git' === files[0];
 }
 async function getAppTemplateName({ roleType, framework }, { template }) {
     if (template) return `${template}-ts`;
-    let providerInfo = {
-        name: '',
-        entry: ''
-    };
-    if ('consumer' === roleType) {
-        const providerName = checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.text)({
-            message: 'Please input your provider name (You can skip by press "enter"):',
-            defaultValue: ''
-        }));
-        if (providerName) {
-            providerInfo.name = providerName;
-            const providerEntry = checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.text)({
-                message: `Please input your provider("${providerName}") entry:`,
-                validate (value) {
-                    if (0 === value.length) return 'Entry is required';
-                }
-            }));
-            providerInfo.entry = providerEntry;
-        }
-    }
     return `${roleType}-${framework}-ts`;
 }
-async function getLibTemplateName({ template }) {
+async function getLibTemplateName({ template, role }) {
     if (template) return `${template}-ts`;
-    const templateName = checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.select)({
+    const templateName = checkCancel(await prompts_select({
         message: 'Select template',
         options: [
             {
@@ -169,7 +167,7 @@ async function getLibTemplateName({ template }) {
             }
         ]
     }));
-    const tools = checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.multiselect)({
+    const tools = checkCancel(await multiselect({
         message: 'Select development tools (Use <space> to select, <enter> to continue)',
         required: false,
         options: [
@@ -179,9 +177,9 @@ async function getLibTemplateName({ template }) {
             }
         ].filter(Boolean)
     }));
-    const roleType = 'provider';
+    const roleType = role || "provider";
     if (!tools || !Object.keys(tools).length) return `${roleType}-${templateName}-ts`;
-    return `${roleType}-${templateName}-[${Object.keys(tools)}]-ts`;
+    return `${roleType}-${templateName}-${tools[0]}-ts`;
 }
 function getTemplateName({ projectType, roleType, framework }, args) {
     if ('app' === projectType) return getAppTemplateName({
@@ -193,11 +191,32 @@ function getTemplateName({ projectType, roleType, framework }, args) {
 function getTemplateDir(templateName) {
     return `templates/${templateName}/`;
 }
+async function getProjectType(template) {
+    if (!template) return checkCancel(await prompts_select({
+        message: 'Please select the type of project you want to create:',
+        options: [
+            {
+                value: "app",
+                label: 'Application'
+            },
+            {
+                value: "lib",
+                label: 'Lib'
+            },
+            {
+                value: "zephyr",
+                label: 'Zephyr Powered (Learn more at https://zephyr-cloud.io)'
+            }
+        ]
+    }));
+    if (template.includes('lib')) return "lib";
+    return "app";
+}
 async function forgeTemplate({ projectType, argv, templateParameters, distFolder }) {
     let framework = 'modern';
-    let roleType = 'provider';
-    if ('app' === projectType) {
-        framework = checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.select)({
+    let roleType = "provider";
+    if (!argv?.template && 'app' === projectType) {
+        framework = checkCancel(await prompts_select({
             message: 'Select template',
             options: [
                 {
@@ -210,7 +229,7 @@ async function forgeTemplate({ projectType, argv, templateParameters, distFolder
                 }
             ]
         }));
-        roleType = checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.select)({
+        roleType = argv.role || checkCancel(await prompts_select({
             message: 'Please select the role of project you want to create:',
             initialValue: 'provider',
             options: [
@@ -230,7 +249,7 @@ async function forgeTemplate({ projectType, argv, templateParameters, distFolder
         framework,
         roleType
     }, argv);
-    const material = new FsMaterial(__dirname);
+    const material = new FsMaterial(packageDir);
     const renderTemplate = async (templateDir)=>{
         const templatePattern = `${templateDir}**/*`;
         const resourceMap = await material.find(templatePattern, {
@@ -250,40 +269,56 @@ async function forgeTemplate({ projectType, argv, templateParameters, distFolder
     };
     const templateDir = getTemplateDir(templateName);
     let commonTemplateDir = '';
-    commonTemplateDir = 'lib' === projectType ? 'templates/lib-common/' : `templates/${framework}-common/`;
-    await renderTemplate(commonTemplateDir);
+    if ("lib" === projectType) commonTemplateDir = 'templates/lib-common/';
+    else if ('app' === projectType) commonTemplateDir = `templates/${framework}-common/`;
+    if (commonTemplateDir) await renderTemplate(commonTemplateDir);
     await renderTemplate(templateDir);
 }
 async function create({ name, templates }) {
-    const argv = (0, __WEBPACK_EXTERNAL_MODULE_minimist__["default"])(process.argv.slice(2), {
+    const argv = minimist(process.argv.slice(2), {
         alias: {
             h: 'help',
             d: 'dir',
-            t: 'template'
+            t: 'template',
+            n: 'name',
+            r: 'role'
         }
     });
     console.log('');
-    __WEBPACK_EXTERNAL_MODULE_rslog__.logger.greet(`◆  Create ${upperFirst(name)} Project`);
-    if (argv.help) {
-        logHelpMessage(name, templates);
-        return;
-    }
+    logger.greet(`◆  Create ${upperFirst(name)} Project`);
+    if (argv.help) return void logHelpMessage(name, templates);
     const cwd = process.cwd();
     const pkgInfo = pkgFromUserAgent(process.env['npm_config_user_agent']);
     const pkgManager = pkgInfo ? pkgInfo.name : 'npm';
-    const mfName = argv.dir ?? checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.text)({
+    const mfVersion = "0.0.0-codex-node24-dev-node20-compat-ci-20260713063237";
+    argv.template = templates.includes(argv.template || '') ? argv.template : void 0;
+    const projectType = await getProjectType(argv.template);
+    if ("zephyr" === projectType) {
+        const zephyrPackage = OTHER_TYPE['zephyr'].packageName;
+        const zephyrCommand = `${pkgManager} create ${zephyrPackage}`;
+        note(`Running: ${zephyrCommand}`, 'Launching Zephyr setup');
+        spawnSync(pkgManager, [
+            'create',
+            zephyrPackage
+        ], {
+            stdio: 'inherit',
+            shell: true
+        });
+        outro('Done.');
+        return;
+    }
+    const mfName = argv.name || checkCancel(await prompts_text({
         message: 'Please input Module Federation name:',
-        placeholder: 'mf-project-name',
-        defaultValue: 'mf-project-name',
+        placeholder: 'mf_project_name',
+        defaultValue: 'mf_project_name',
         validate (value) {
             if (0 === value.length) return 'Name is required';
         }
     }));
-    const dir = argv.dir || 'mf-project';
-    const { targetDir } = formatDir(dir);
-    const distFolder = __WEBPACK_EXTERNAL_MODULE_path__["default"].isAbsolute(targetDir) ? targetDir : __WEBPACK_EXTERNAL_MODULE_path__["default"].join(cwd, targetDir);
-    if (!argv.override && __WEBPACK_EXTERNAL_MODULE_fs__["default"].existsSync(distFolder) && !isEmptyDir(distFolder)) {
-        const option = checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.select)({
+    const { targetDir } = formatProjectName(path_0.join(argv.dir || mfName));
+    const distFolder = path_0.isAbsolute(targetDir) ? targetDir : path_0.join(cwd, targetDir);
+    if (!argv.override && fs.existsSync(distFolder) && !isEmptyDir(distFolder)) {
+        const option = checkCancel(await prompts_select({
             message: `"${targetDir}" is not empty, please choose:`,
             options: [
                 {
@@ -298,42 +333,30 @@ async function create({ name, templates }) {
         }));
         if ('no' === option) cancelAndExit();
     }
-    const projectType = checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.select)({
-        message: 'Please select the type of project you want to create:',
-        options: [
-            {
-                value: 'app',
-                label: 'Application'
-            },
-            {
-                value: 'lib',
-                label: 'Lib'
-            }
-        ]
-    }));
     await forgeTemplate({
         projectType,
         argv,
         templateParameters: {
-            mfName
+            mfName,
+            mfVersion
         },
         distFolder
     });
     const nextSteps = [
         `cd ${targetDir}`,
         `${pkgManager} install`,
-        `${pkgManager} run dev`
+        `${pkgManager} run ${"lib" === projectType ? 'mf-dev' : 'dev'}`
     ];
-    (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.note)(nextSteps.join('\n'), 'Next steps');
-    (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.outro)('Done.');
+    note(nextSteps.join('\n'), 'Next steps');
+    outro('Done.');
 }
 const TEMPLATES = [
     'provider-modern',
-    'consumer-modern',
     'provider-rsbuild',
-    'consumer-rsbuild',
-    'rslib',
-    'rslib-storybook'
+    'provider-rslib',
+    'provider-rslib-storybook',
+    'consumer-modern',
+    'consumer-rsbuild'
 ];
 create({
     name: 'Module Federation',

package/package.json

@@ -3,42 +3,48 @@
   "description": "Create a new Module Federation project",
   "public": true,
   "sideEffects": false,
-  "version": "0.0.0-1737428758075",
+  "version": "0.0.0-codex-node24-dev-node20-compat-ci-20260713063237",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/module-federation/core/",
+    "url": "git+https://github.com/module-federation/core.git",
     "directory": "packages/create-module-federation"
   },
   "publishConfig": {
     "access": "public"
   },
   "type": "module",
-  "scripts": {
-    "build": "rslib build"
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "engines": {
+    "node": ">=16.7.0"
   },
-  "main": "./dist/index.js",
   "bin": {
     "create-module-federation": "./dist/index.js"
   },
   "files": [
-    "template",
+    "templates",
     "dist"
   ],
   "dependencies": {
-    "@clack/prompts": "^0.8.2",
+    "@clack/prompts": "0.8.2",
     "execa": "5.1.1",
-    "fs-extra": "9.1.0",
-    "minimist": "^1.2.8",
-    "rslog": "^1.2.3",
+    "minimist": "1.2.8",
+    "rslog": "1.2.3",
     "glob": "7.2.0",
-    "handlebars": "4.7.7"
+    "handlebars": "4.7.9"
   },
   "devDependencies": {
     "@types/glob": "7.2.0",
     "@types/minimist": "^1.2.5",
-    "@types/fs-extra": "9.0.6",
-    "@rslib/core": "^0.3.1",
+    "@rslib/core": "^0.23.2",
     "rsbuild-plugin-publint": "^0.2.1"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false pnpm exec eslint --ignore-pattern node_modules \"**/*.ts\" \"package.json\"",
+    "test": "node scripts/verify-rslib-templates.mjs",
+    "pre-release": "pnpm run test && pnpm run build"
   }
-}
+}

package/templates/consumer-modern-ts/modern.config.ts

@@ -0,0 +1,7 @@
+import { appTools, defineConfig } from '@modern-js/app-tools';
+import { moduleFederationPlugin } from '@module-federation/modern-js-v3';
+
+// https://modernjs.dev/en/configure/app/usage
+export default defineConfig({
+  plugins: [appTools(), moduleFederationPlugin()],
+});

package/templates/consumer-modern-ts/module-federation.config.ts.handlebars

@@ -0,0 +1,12 @@
+import { createModuleFederationConfig } from '@module-federation/modern-js-v3';
+
+export default createModuleFederationConfig({
+  name: '{{mfName}}',
+  remotes: {
+    'provider': 'rslib_provider@https://unpkg.com/module-federation-rslib-provider@latest/dist/mf/mf-manifest.json',
+  },
+  shared: {
+    react: { singleton: true },
+    'react-dom': { singleton: true },
+  },
+});

package/templates/consumer-modern-ts/src/routes/page.tsx

@@ -0,0 +1,21 @@
+import { Helmet } from '@modern-js/runtime/head';
+import './index.css';
+import Provider from 'provider';
+
+const Index = () => (
+  <div className="container-box">
+    <Helmet>
+      <link
+        rel="icon"
+        type="image/x-icon"
+        href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"
+      />
+    </Helmet>
+
+    <div className="landing-page">
+      <Provider />
+    </div>
+  </div>
+);
+
+export default Index;

package/templates/consumer-rsbuild-ts/module-federation.config.ts.handlebars

@@ -0,0 +1,13 @@
+import { createModuleFederationConfig } from '@module-federation/rsbuild-plugin';
+
+export default createModuleFederationConfig({
+  name: '{{mfName}}',
+  remotes: {
+    'provider': 'rslib_provider@https://unpkg.com/module-federation-rslib-provider@latest/dist/mf/mf-manifest.json',
+  },
+  shareStrategy: 'loaded-first',
+  shared: {
+    react: { singleton: true },
+    'react-dom': { singleton: true },
+  },
+});

package/templates/consumer-rsbuild-ts/rsbuild.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
+import moduleFederationConfig from './module-federation.config';
+
+export default defineConfig({
+  plugins: [pluginReact(), pluginModuleFederation(moduleFederationConfig)],
+});

package/templates/consumer-rsbuild-ts/src/App.tsx

@@ -0,0 +1,12 @@
+import './App.css';
+import Provider from 'provider';
+
+const App = () => {
+  return (
+    <div className="content">
+      <Provider />
+    </div>
+  );
+};
+
+export default App;

package/templates/lib-common/module-federation.config.ts.handlebars

@@ -0,0 +1,17 @@
+import {createModuleFederationConfig} from '@module-federation/rsbuild-plugin';
+import pkg from './package.json';
+
+export default createModuleFederationConfig({
+  name: pkg.name,
+  exposes: {
+    '.': './src/index.tsx',
+  },
+  shared: {
+    react: {
+      singleton: true,
+    },
+    'react-dom': {
+      singleton: true,
+    },
+  },
+})

package/templates/lib-common/rslib.config.ts

@@ -0,0 +1,57 @@
+import { pluginReact } from '@rsbuild/plugin-react';
+import { defineConfig } from '@rslib/core';
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
+import { pluginPublint } from 'rsbuild-plugin-publint';
+import moduleFederationConfig from './module-federation.config';
+import pkg from './package.json';
+
+const shared = {
+  dts: {
+    bundle: false,
+  },
+};
+
+export default defineConfig({
+  lib: [
+    {
+      ...shared,
+      format: 'esm',
+      output: {
+        distPath: {
+          root: './dist/esm',
+        },
+      },
+    },
+    {
+      ...shared,
+      format: 'cjs',
+      output: {
+        distPath: {
+          root: './dist/cjs',
+        },
+      },
+    },
+    {
+      ...shared,
+      format: 'mf',
+      output: {
+        // set unpkg cdn as assetPrefix if you want to publish
+        assetPrefix:
+          process.env.NODE_ENV === 'production'
+            ? `https://unpkg.com/${pkg.name}@latest/dist/mf/`
+            : undefined,
+        distPath: {
+          root: './dist/mf',
+        },
+      },
+    },
+  ],
+  server: {
+    port: 3001,
+  },
+  plugins: [
+    pluginReact(),
+    pluginModuleFederation(moduleFederationConfig),
+    pluginPublint(),
+  ],
+});