perf(webpack-bundler-runtime): bundle sdk into output to help treeshake (#3519)

Author: 2heal1

.changeset/loud-papayas-attend.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/webpack-bundler-runtime': patch
+---
+
+perf(webpack-bundler-runtime): bundle sdk into output to help treeshake

packages/dts-plugin/src/server/utils/log.ts

@@ -1,6 +1,5 @@
 import { createLogger } from '@module-federation/sdk';
 import * as log4js from 'log4js';
-import chalk from 'chalk';
 import { MF_SERVER_IDENTIFIER } from '../constant';
 import { ActionKind } from '../message/Action';
 

packages/sdk/src/utils.ts

@@ -6,7 +6,6 @@ import {
   SEPARATOR,
   MANIFEST_EXT,
 } from './constant';
-import { logger } from './logger';
 import { getProcessEnv } from './env';
 
 const LOG_CATEGORY = '[ Federation Runtime ]';
@@ -233,7 +232,6 @@ function isRequiredVersion(str: string): boolean {
 
 export {
   parseEntry,
-  logger,
   decodeName,
   encodeName,
   composeKeyWithSeparator,

packages/webpack-bundler-runtime/package.json

@@ -37,10 +37,6 @@
       "import": "./dist/constant.esm.mjs",
       "require": "./dist/constant.cjs.js"
     },
-    "./container": {
-      "import": "./dist/container.esm.mjs",
-      "require": "./dist/container.cjs.js"
-    },
     "./*": "./*"
   },
   "typesVersions": {

packages/webpack-bundler-runtime/project.json

@@ -15,11 +15,10 @@
         "tsConfig": "packages/webpack-bundler-runtime/tsconfig.lib.json",
         "assets": [],
         "project": "packages/webpack-bundler-runtime/package.json",
-        "compiler": "swc",
+        "compiler": "tsc",
         "format": ["cjs", "esm"],
         "additionalEntryPoints": [
-          "packages/webpack-bundler-runtime/src/constant.ts",
-          "packages/webpack-bundler-runtime/src/container.ts"
+          "packages/webpack-bundler-runtime/src/constant.ts"
         ],
         "generatePackageJson": false,
         "rollupConfig": "packages/webpack-bundler-runtime/rollup.config.js"

packages/webpack-bundler-runtime/rollup.config.js

@@ -1,37 +1,11 @@
 const copy = require('rollup-plugin-copy');
 
-function manualChunks(id, projectOptions) {
-  // if (id.includes(projectOptions.main)) {
-  //   return;
-  // }
-  // if (
-  //   projectOptions.additionalEntryPoints.some((entryPoint) => {
-  //     return id.includes(entryPoint);
-  //   })
-  // ) {
-  //   return;
-  // }
-  if (id.includes('@swc/helpers')) {
-    return 'polyfills';
-  }
-  // if (!id.includes('webpack-bundler-runtime')) {
-  //   return;
-  // }
-  // if (id.endsWith('types.ts')) {
-  //   return;
-  // }
-  // if (id.endsWith('.d.ts')) return;
-  // const cName = id.split('src/')[1].replace('/', '_').replace('.ts', '');
-  // return cName;
-}
-
 module.exports = (rollupConfig, projectOptions) => {
-  rollupConfig.external = [/@module-federation/];
+  rollupConfig.external = [/@module-federation\/runtime/];
 
   if (Array.isArray(rollupConfig.output)) {
     rollupConfig.output = rollupConfig.output.map((c) => ({
       ...c,
-      manualChunks: (id) => manualChunks(id, projectOptions),
       hoistTransitiveImports: false,
       entryFileNames:
         c.format === 'esm'
@@ -45,7 +19,6 @@ module.exports = (rollupConfig, projectOptions) => {
   } else {
     rollupConfig.output = {
       ...rollupConfig.output,
-      manualChunks: (id) => manualChunks(id, projectOptions),
       hoistTransitiveImports: false,
       entryFileNames:
         rollupConfig.output.format === 'esm'

packages/webpack-bundler-runtime/src/constant.ts

@@ -1,3 +1 @@
 export const FEDERATION_SUPPORTED_TYPES = ['script'];
-
-export { ENCODE_NAME_PREFIX } from '@module-federation/sdk';