Publish Module Federation packages as ESM + CJS dual format using typeless modules

packages/cli/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@module-federation/cli",
   "version": "0.18.3",
-  "type": "commonjs",
   "description": "Module Federation CLI",
   "homepage": "https://module-federation.io",
   "bugs": {
@@ -15,13 +14,28 @@
   "bin": {
     "mf": "./bin/mf.js"
   },
+  "main": "./dist/index.cjs.cjs",
+  "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
-  "main": "./dist/index.cjs.js",
   "files": [
     "dist",
     "bin"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.cjs"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/index.d.ts"
+      ]
+    }
+  },
   "dependencies": {
     "@module-federation/sdk": "workspace:*",
     "@module-federation/dts-plugin": "workspace:*",

packages/cli/project.json

@@ -15,7 +15,7 @@
         "project": "packages/cli/package.json",
         "rollupConfig": "packages/cli/rollup.config.js",
         "compiler": "swc",
-        "format": ["cjs"],
+        "format": ["cjs", "esm"],
         "generatePackageJson": false,
         "useLegacyTypescriptPlugin": false
       }

packages/cli/rollup.config.js

@@ -17,5 +17,37 @@ module.exports = (rollupConfig, _projectOptions) => {
     }),
   );
 
+  if (Array.isArray(rollupConfig.output)) {
+    rollupConfig.output = rollupConfig.output.map((c) => ({
+      ...c,
+      hoistTransitiveImports: false,
+      entryFileNames:
+        c.format === 'cjs'
+          ? c.entryFileNames.replace('.js', '.cjs')
+          : c.entryFileNames,
+      chunkFileNames:
+        c.format === 'cjs'
+          ? c.chunkFileNames.replace('.js', '.cjs')
+          : c.chunkFileNames,
+      ...(c.format === 'cjs' ? { externalLiveBindings: false } : {}),
+    }));
+  } else {
+    rollupConfig.output = {
+      ...rollupConfig.output,
+      hoistTransitiveImports: false,
+      entryFileNames:
+        rollupConfig.output.format === 'cjs'
+          ? rollupConfig.output.entryFileNames.replace('.js', '.cjs')
+          : rollupConfig.output.entryFileNames,
+      chunkFileNames:
+        rollupConfig.output.format === 'cjs'
+          ? rollupConfig.output.chunkFileNames.replace('.js', '.cjs')
+          : rollupConfig.output.chunkFileNames,
+      ...(rollupConfig.output.format === 'cjs'
+        ? { externalLiveBindings: false }
+        : {}),
+    };
+  }
+
   return rollupConfig;
 };

packages/dts-plugin/package.json

@@ -2,7 +2,7 @@
   "name": "@module-federation/dts-plugin",
   "version": "0.18.3",
   "author": "hanric <[email protected]>",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -20,17 +20,19 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "require": "./dist/index.cjs"
     },
     "./core": {
+      "types": "./dist/core.d.ts",
       "import": "./dist/core.js",
-      "require": "./dist/core.js"
+      "require": "./dist/core.cjs"
     },
     "./dynamic-remote-type-hints-plugin": {
       "types": "./dist/dynamic-remote-type-hints-plugin.d.ts",
-      "import": "./dist/esm/dynamic-remote-type-hints-plugin.js",
-      "require": "./dist/dynamic-remote-type-hints-plugin.js"
+      "import": "./dist/dynamic-remote-type-hints-plugin.js",
+      "require": "./dist/dynamic-remote-type-hints-plugin.cjs"
     },
     "./*": "./*"
   },

packages/enhanced/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@module-federation/enhanced",
   "version": "0.18.3",
-  "main": "./dist/src/index.js",
-  "types": "./dist/src/index.d.ts",
+  "main": "./dist/index.cjs.cjs",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/module-federation/core.git",
@@ -38,47 +39,47 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/src/index.d.ts",
-      "import": "./dist/src/index.js",
-      "require": "./dist/src/index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.cjs"
     },
     "./webpack": {
-      "types": "./dist/src/webpack.d.ts",
-      "import": "./dist/src/webpack.js",
-      "require": "./dist/src/webpack.js"
+      "types": "./dist/webpack.d.ts",
+      "import": "./dist/webpack.esm.js",
+      "require": "./dist/webpack.cjs.cjs"
     },
     "./rspack": {
-      "types": "./dist/src/rspack.d.ts",
-      "import": "./dist/src/rspack.js",
-      "require": "./dist/src/rspack.js"
+      "types": "./dist/rspack.d.ts",
+      "import": "./dist/rspack.esm.js",
+      "require": "./dist/rspack.cjs.cjs"
     },
     "./runtime": {
-      "types": "./dist/src/runtime.d.ts",
-      "import": "./dist/src/runtime.js",
-      "require": "./dist/src/runtime.js"
+      "types": "./dist/runtime.d.ts",
+      "import": "./dist/runtime.esm.js",
+      "require": "./dist/runtime.cjs.cjs"
     },
     "./prefetch": {
-      "types": "./dist/src/prefetch.d.ts",
-      "import": "./dist/src/prefetch.js",
-      "require": "./dist/src/prefetch.js"
+      "types": "./dist/prefetch.d.ts",
+      "import": "./dist/prefetch.esm.js",
+      "require": "./dist/prefetch.cjs.cjs"
     }
   },
   "typesVersions": {
     "*": {
       ".": [
-        "./dist/src/index.d.ts"
+        "./dist/index.d.ts"
       ],
       "webpack": [
-        "./dist/src/webpack.d.ts"
+        "./dist/webpack.d.ts"
       ],
       "rspack": [
-        "./dist/src/rspack.d.ts"
+        "./dist/rspack.d.ts"
       ],
       "runtime": [
-        "./dist/src/runtime.d.ts"
+        "./dist/runtime.d.ts"
       ],
       "prefetch": [
-        "./dist/src/prefetch.d.ts"
+        "./dist/prefetch.d.ts"
       ]
     }
   },

packages/enhanced/project.json

@@ -13,21 +13,27 @@
       }
     },
     "build": {
-      "executor": "@nx/js:tsc",
+      "executor": "@nx/rollup:rollup",
       "outputs": ["{workspaceRoot}/packages/enhanced/dist"],
       "options": {
+        "parallel": false,
         "outputPath": "packages/enhanced/dist",
         "main": "packages/enhanced/src/index.ts",
+        "additionalEntryPoints": [
+          "packages/enhanced/src/webpack.ts",
+          "packages/enhanced/src/rspack.ts", 
+          "packages/enhanced/src/runtime.ts",
+          "packages/enhanced/src/prefetch.ts"
+        ],
         "tsConfig": "packages/enhanced/tsconfig.lib.json",
-        "assets": [
-          "packages/enhanced/*.md",
-          {
-            "glob": "src/**/*.d.ts",
-            "input": "packages/enhanced",
-            "ignore": [],
-            "output": ""
-          }
-        ]
+        "assets": [],
+        "external": ["@module-federation/*"],
+        "project": "packages/enhanced/package.json",
+        "compiler": "swc",
+        "rollupConfig": "packages/enhanced/rollup.config.cjs",
+        "format": ["cjs", "esm"],
+        "generatePackageJson": false,
+        "useLegacyTypescriptPlugin": false
       },
       "dependsOn": [
         {

packages/enhanced/rollup.config.cjs

@@ -0,0 +1,77 @@
+const copy = require('rollup-plugin-copy');
+
+module.exports = (rollupConfig, _projectOptions) => {
+  rollupConfig.input = {
+    index: 'packages/enhanced/src/index.ts',
+    webpack: 'packages/enhanced/src/webpack.ts',
+    rspack: 'packages/enhanced/src/rspack.ts',
+    runtime: 'packages/enhanced/src/runtime.ts',
+    prefetch: 'packages/enhanced/src/prefetch.ts',
+  };
+
+  rollupConfig.plugins.push(
+    copy({
+      targets: [
+        { src: 'packages/enhanced/README.md', dest: 'packages/enhanced/dist' },
+        { src: 'packages/enhanced/LICENSE', dest: 'packages/enhanced/dist' },
+      ],
+    }),
+  );
+
+  rollupConfig.external = [
+    /@module-federation/,
+    'webpack',
+    'schema-utils',
+    'btoa',
+    'upath',
+    'ajv',
+    'enhanced-resolve',
+    'terser',
+  ];
+
+  if (Array.isArray(rollupConfig.output)) {
+    rollupConfig.output = rollupConfig.output.map((c) => ({
+      ...c,
+      manualChunks: (id) => {
+        if (id.includes('@swc/helpers')) {
+          return 'polyfills';
+        }
+      },
+      hoistTransitiveImports: false,
+      minifyInternalExports: true,
+      entryFileNames:
+        c.format === 'cjs'
+          ? c.entryFileNames.replace('.js', '.cjs')
+          : c.entryFileNames,
+      chunkFileNames:
+        c.format === 'cjs'
+          ? c.chunkFileNames.replace('.js', '.cjs')
+          : c.chunkFileNames,
+      ...(c.format === 'cjs' ? { externalLiveBindings: false } : {}),
+    }));
+  } else {
+    rollupConfig.output = {
+      ...rollupConfig.output,
+      manualChunks: (id) => {
+        if (id.includes('@swc/helpers')) {
+          return 'polyfills';
+        }
+      },
+      hoistTransitiveImports: false,
+      minifyInternalExports: true,
+      entryFileNames:
+        rollupConfig.output.format === 'cjs'
+          ? rollupConfig.output.entryFileNames.replace('.js', '.cjs')
+          : rollupConfig.output.entryFileNames,
+      chunkFileNames:
+        rollupConfig.output.format === 'cjs'
+          ? rollupConfig.output.chunkFileNames.replace('.js', '.cjs')
+          : rollupConfig.output.chunkFileNames,
+      ...(rollupConfig.output.format === 'cjs'
+        ? { externalLiveBindings: false }
+        : {}),
+    };
+  }
+
+  return rollupConfig;
+};

packages/nextjs-mf/package.json

@@ -2,9 +2,9 @@
   "name": "@module-federation/nextjs-mf",
   "version": "8.8.38",
   "license": "MIT",
-  "main": "dist/src/index.js",
-  "types": "dist/src/index.d.ts",
-  "type": "commonjs",
+  "main": "./dist/index.cjs.cjs",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
   "description": "Module Federation helper for NextJS",
   "repository": {
     "type": "git",
@@ -23,14 +23,22 @@
     "postinstall": "echo \"Deprecation Notice: We intend to deprecate 'nextjs-mf'. Please see https://github.com/module-federation/core/issues/3153 for more details.\""
   },
   "exports": {
-    ".": "./dist/src/index.js",
-    "./utils": "./dist/utils/index.js",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts", 
+      "import": "./dist/utils/index.esm.js",
+      "require": "./dist/utils/index.cjs.cjs"
+    },
     "./*": "./*"
   },
   "typesVersions": {
     "*": {
       ".": [
-        "./dist/src/index.d.ts"
+        "./dist/index.d.ts"
       ],
       "utils": [
         "./dist/utils/index.d.ts"