@modern-js/plugin-garfish 2.17.1 → 2.18.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @modern-js/plugin-garfish
 
+## 2.18.1
+
+### Patch Changes
+
+- Updated dependencies [8fb93d1]
+  - @modern-js/runtime@2.18.1
+  - @modern-js/utils@2.18.1
+
+## 2.18.0
+
+### Patch Changes
+
+- 1fdf649: feat(plugin-garfish): support garfish plugin in Rspack
+
+  feat(plugin-garfish): 在使用 Rspack 构建时支持 garfish 插件
+
+- Updated dependencies [7de6599]
+  - @modern-js/runtime@2.18.0
+  - @modern-js/utils@2.18.0
+
 ## 2.17.1
 
 ### Patch Changes

package/dist/cjs/cli/index.js

@@ -103,8 +103,36 @@ const _default = ({ pluginName = "@modern-js/plugin-garfish", runtimePluginName
                   "Access-Control-Allow-Origin": "*"
                 }
               },
-              webpackChain: (chain, { webpack, env, CHAIN_ID }) => {
-                var _resolveOptions_deploy, _resolveWebpackConfig_resolve;
+              webpackChain: (chain, { webpack, CHAIN_ID }) => {
+                if (webpack.BannerPlugin) {
+                  chain.plugin(CHAIN_ID.PLUGIN.BANNER).use(webpack.BannerPlugin, [
+                    {
+                      banner: "Micro front-end"
+                    }
+                  ]);
+                }
+              },
+              rspack: (config2) => {
+                var _resolveOptions_deploy;
+                var _config;
+                var _builtins;
+                (_builtins = (_config = config2).builtins) !== null && _builtins !== void 0 ? _builtins : _config.builtins = {};
+                const resolveOptions = useResolvedConfigContext();
+                if ((resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) && !config2.externalsType) {
+                  config2.externalsType = "commonjs";
+                }
+                const banner = config2.builtins.banner || [];
+                config2.builtins.banner = [
+                  ...Array.isArray(banner) ? banner : [
+                    banner
+                  ],
+                  {
+                    banner: "Micro front-end"
+                  }
+                ];
+              },
+              bundlerChain: (chain, { env, CHAIN_ID }) => {
+                var _resolveOptions_deploy, _resolveConfig_resolve;
                 const resolveOptions = useResolvedConfigContext();
                 if (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) {
                   var _useConfig_dev, _resolveOptions_server, _resolveOptions_deploy1;
@@ -112,13 +140,6 @@ const _default = ({ pluginName = "@modern-js/plugin-garfish", runtimePluginName
                   if (!((_useConfig_dev = useConfig.dev) === null || _useConfig_dev === void 0 ? void 0 : _useConfig_dev.assetPrefix) && (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_server = resolveOptions.server) === null || _resolveOptions_server === void 0 ? void 0 : _resolveOptions_server.port) && env === "development") {
                     chain.output.publicPath(`//localhost:${resolveOptions.server.port}/`);
                   }
-                  if (webpack.BannerPlugin) {
-                    chain.plugin(CHAIN_ID.PLUGIN.BANNER).use(webpack.BannerPlugin, [
-                      {
-                        banner: "Micro front-end"
-                      }
-                    ]);
-                  }
                   const { enableHtmlEntry, externalBasicLibrary } = getDefaultMicroFrontedConfig((_resolveOptions_deploy1 = resolveOptions.deploy) === null || _resolveOptions_deploy1 === void 0 ? void 0 : _resolveOptions_deploy1.microFrontend);
                   if (externalBasicLibrary) {
                     chain.externals(externals);
@@ -132,13 +153,13 @@ const _default = ({ pluginName = "@modern-js/plugin-garfish", runtimePluginName
                     });
                   }
                 }
-                const resolveWebpackConfig = chain.toConfig();
-                (0, _util.logger)("webpackConfig", {
-                  output: resolveWebpackConfig.output,
-                  externals: resolveWebpackConfig.externals,
+                const resolveConfig = chain.toConfig();
+                (0, _util.logger)("bundlerConfig", {
+                  output: resolveConfig.output,
+                  externals: resolveConfig.externals,
                   env,
-                  alias: (_resolveWebpackConfig_resolve = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig_resolve === void 0 ? void 0 : _resolveWebpackConfig_resolve.alias,
-                  plugins: resolveWebpackConfig.plugins
+                  alias: (_resolveConfig_resolve = resolveConfig.resolve) === null || _resolveConfig_resolve === void 0 ? void 0 : _resolveConfig_resolve.alias,
+                  plugins: resolveConfig.plugins
                 });
               }
             }

package/dist/cjs/cli/utils.js

@@ -125,7 +125,7 @@ function setRuntimeConfig(config, key, value) {
   return void 0;
 }
 const generateAsyncEntry = (code) => {
-  const transformCode = code.replace(`import('./bootstrap.js');`, `if (!window.__GARFISH__) { import('./bootstrap.js'); }`);
+  const transformCode = code.replace(`import('./bootstrap.jsx');`, `if (!window.__GARFISH__) { import('./bootstrap.jsx'); }`);
   return `
       export const provider = async (...args) => {
         const exports = await import('./bootstrap');

package/dist/esm/cli/index.js

@@ -1,3 +1,14 @@
+function _array_like_to_array(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_without_holes(arr) {
+  if (Array.isArray(arr))
+    return _array_like_to_array(arr);
+}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -30,7 +41,7 @@ function _async_to_generator(fn) {
 function _define_property(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value,
+      value: value,
       enumerable: true,
       configurable: true,
       writable: true
@@ -40,6 +51,13 @@ function _define_property(obj, key, value) {
   }
   return obj;
 }
+function _iterable_to_array(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+    return Array.from(iter);
+}
+function _non_iterable_spread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
@@ -55,6 +73,22 @@ function _object_spread(target) {
   }
   return target;
 }
+function _to_consumable_array(arr) {
+  return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _array_like_to_array(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _array_like_to_array(o, minLen);
+}
 var __generator = function(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
@@ -240,7 +274,7 @@ export default function() {
           }
           return {
             output: {
-              disableCssExtract
+              disableCssExtract: disableCssExtract
             },
             source: {
               alias: {
@@ -255,8 +289,36 @@ export default function() {
                 }
               },
               webpackChain: function(chain, param2) {
-                var webpack = param2.webpack, env = param2.env, CHAIN_ID = param2.CHAIN_ID;
-                var _resolveOptions_deploy, _resolveWebpackConfig_resolve;
+                var webpack = param2.webpack, CHAIN_ID = param2.CHAIN_ID;
+                if (webpack.BannerPlugin) {
+                  chain.plugin(CHAIN_ID.PLUGIN.BANNER).use(webpack.BannerPlugin, [
+                    {
+                      banner: "Micro front-end"
+                    }
+                  ]);
+                }
+              },
+              rspack: function(config3) {
+                var _resolveOptions_deploy;
+                var _config;
+                var _builtins;
+                (_builtins = (_config = config3).builtins) !== null && _builtins !== void 0 ? _builtins : _config.builtins = {};
+                var resolveOptions = useResolvedConfigContext();
+                if ((resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) && !config3.externalsType) {
+                  config3.externalsType = "commonjs";
+                }
+                var banner = config3.builtins.banner || [];
+                config3.builtins.banner = _to_consumable_array(Array.isArray(banner) ? banner : [
+                  banner
+                ]).concat([
+                  {
+                    banner: "Micro front-end"
+                  }
+                ]);
+              },
+              bundlerChain: function(chain, param2) {
+                var env = param2.env, CHAIN_ID = param2.CHAIN_ID;
+                var _resolveOptions_deploy, _resolveConfig_resolve;
                 var resolveOptions = useResolvedConfigContext();
                 if (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) {
                   var _useConfig_dev, _resolveOptions_server, _resolveOptions_deploy1;
@@ -264,13 +326,6 @@ export default function() {
                   if (!((_useConfig_dev = useConfig.dev) === null || _useConfig_dev === void 0 ? void 0 : _useConfig_dev.assetPrefix) && (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_server = resolveOptions.server) === null || _resolveOptions_server === void 0 ? void 0 : _resolveOptions_server.port) && env === "development") {
                     chain.output.publicPath("//localhost:".concat(resolveOptions.server.port, "/"));
                   }
-                  if (webpack.BannerPlugin) {
-                    chain.plugin(CHAIN_ID.PLUGIN.BANNER).use(webpack.BannerPlugin, [
-                      {
-                        banner: "Micro front-end"
-                      }
-                    ]);
-                  }
                   var _getDefaultMicroFrontedConfig = getDefaultMicroFrontedConfig((_resolveOptions_deploy1 = resolveOptions.deploy) === null || _resolveOptions_deploy1 === void 0 ? void 0 : _resolveOptions_deploy1.microFrontend), enableHtmlEntry2 = _getDefaultMicroFrontedConfig.enableHtmlEntry, externalBasicLibrary = _getDefaultMicroFrontedConfig.externalBasicLibrary;
                   if (externalBasicLibrary) {
                     chain.externals(externals);
@@ -284,13 +339,13 @@ export default function() {
                     });
                   }
                 }
-                var resolveWebpackConfig = chain.toConfig();
-                logger("webpackConfig", {
-                  output: resolveWebpackConfig.output,
-                  externals: resolveWebpackConfig.externals,
-                  env,
-                  alias: (_resolveWebpackConfig_resolve = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig_resolve === void 0 ? void 0 : _resolveWebpackConfig_resolve.alias,
-                  plugins: resolveWebpackConfig.plugins
+                var resolveConfig = chain.toConfig();
+                logger("bundlerConfig", {
+                  output: resolveConfig.output,
+                  externals: resolveConfig.externals,
+                  env: env,
+                  alias: (_resolveConfig_resolve = resolveConfig.resolve) === null || _resolveConfig_resolve === void 0 ? void 0 : _resolveConfig_resolve.alias,
+                  plugins: resolveConfig.plugins
                 });
               }
             }
@@ -350,8 +405,8 @@ export default function() {
             ]
           });
           return {
-            imports,
-            entrypoint
+            imports: imports,
+            entrypoint: entrypoint
           };
         },
         modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(param2) {
@@ -367,8 +422,8 @@ export default function() {
             });
           }
           return {
-            entrypoint,
-            plugins
+            entrypoint: entrypoint,
+            plugins: plugins
           };
         },
         modifyEntryRenderFunction: function modifyEntryRenderFunction(param2) {
@@ -377,14 +432,14 @@ export default function() {
           var config = useResolvedConfigContext();
           if (!(config === null || config === void 0 ? void 0 : (_config_deploy = config.deploy) === null || _config_deploy === void 0 ? void 0 : _config_deploy.microFrontend)) {
             return {
-              entrypoint,
-              code
+              entrypoint: entrypoint,
+              code: code
             };
           }
           var nCode = makeRenderFunction(code);
           logger("makeRenderFunction", nCode);
           return {
-            entrypoint,
+            entrypoint: entrypoint,
             code: nCode
           };
         },
@@ -396,12 +451,12 @@ export default function() {
           if ((config === null || config === void 0 ? void 0 : (_config_deploy = config.deploy) === null || _config_deploy === void 0 ? void 0 : _config_deploy.microFrontend) && (config === null || config === void 0 ? void 0 : (_config_source = config.source) === null || _config_source === void 0 ? void 0 : _config_source.enableAsyncEntry)) {
             finalCode = generateAsyncEntry(code);
             return {
-              entrypoint,
+              entrypoint: entrypoint,
               code: "".concat(finalCode)
             };
           }
           return {
-            entrypoint,
+            entrypoint: entrypoint,
             code: finalCode
           };
         },
@@ -413,13 +468,13 @@ export default function() {
             var exportStatementCode = makeProvider();
             logger("exportStatement", exportStatementCode);
             return {
-              entrypoint,
+              entrypoint: entrypoint,
               exportStatement: exportStatementCode
             };
           }
           return {
-            entrypoint,
-            exportStatement
+            entrypoint: entrypoint,
+            exportStatement: exportStatement
           };
         }
       };

package/dist/esm/cli/utils.js

@@ -26,6 +26,6 @@ export function setRuntimeConfig(config, key, value) {
   return void 0;
 }
 export var generateAsyncEntry = function(code) {
-  var transformCode = code.replace("import('./bootstrap.js');", "if (!window.__GARFISH__) { import('./bootstrap.js'); }");
+  var transformCode = code.replace("import('./bootstrap.jsx');", "if (!window.__GARFISH__) { import('./bootstrap.jsx'); }");
   return "\n      export const provider = async (...args) => {\n        const exports = await import('./bootstrap');\n        return exports.provider.apply(null, args);\n      };\n      ".concat(transformCode, "\n      if (typeof __GARFISH_EXPORTS__ !== 'undefined') {\n        __GARFISH_EXPORTS__.provider = provider;\n      }\n    ");
 };

package/dist/esm/runtime/loadable.js

@@ -12,7 +12,7 @@ function _array_with_holes(arr) {
 function _define_property(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value,
+      value: value,
       enumerable: true,
       configurable: true,
       writable: true
@@ -188,10 +188,10 @@ export function Loadable(WrapComponent) {
       var LoadingComponent = (_props_loadable = props.loadable) === null || _props_loadable === void 0 ? void 0 : _props_loadable.loading;
       useEffect(function() {
         logger("Loadable render state", {
-          state,
+          state: state,
           props: otherProps,
-          loadable,
-          defaultLoadable
+          loadable: loadable,
+          defaultLoadable: defaultLoadable
         });
         return function() {
           setStateWithMountCheck({
@@ -232,7 +232,7 @@ export function Loadable(WrapComponent) {
             pastDelay: state.pastDelay,
             timedOut: state.timedOut,
             error: state === null || state === void 0 ? void 0 : state.error,
-            retry
+            retry: retry
           }),
           /* @__PURE__ */ _jsx(WrapComponent, _object_spread({
             style: {

package/dist/esm/runtime/plugin.js

@@ -69,7 +69,7 @@ function _create_class(Constructor, protoProps, staticProps) {
 function _define_property(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value,
+      value: value,
       enumerable: true,
       configurable: true,
       writable: true
@@ -392,7 +392,7 @@ function _initOptions() {
           return [
             2,
             _object_spread_props(_object_spread({}, options), {
-              apps
+              apps: apps
             })
           ];
       }
@@ -458,18 +458,18 @@ export default function(config) {
                         GarfishInstance.registerApp(appInfoList);
                         MApp = generateMApp(GarfishConfig, manifest);
                         logger("initOptions result", {
-                          manifest,
-                          GarfishConfig
+                          manifest: manifest,
+                          GarfishConfig: GarfishConfig
                         });
                         logger("generateApps", {
-                          MApp,
-                          apps,
-                          appInfoList
+                          MApp: MApp,
+                          apps: apps,
+                          appInfoList: appInfoList
                         });
                         _this1.setState({
-                          MApp,
-                          apps,
-                          appInfoList
+                          MApp: MApp,
+                          apps: apps,
+                          appInfoList: appInfoList
                         });
                         return [
                           2

package/dist/esm/runtime/useModuleApps.js

@@ -1,7 +1,7 @@
 function _define_property(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value,
+      value: value,
       enumerable: true,
       configurable: true,
       writable: true
@@ -32,11 +32,11 @@ import { GarfishContext } from "./utils/Context";
 export function useModuleApps() {
   var _useContext = useContext(GarfishContext), apps = _useContext.apps, MApp = _useContext.MApp, appInfoList = _useContext.appInfoList;
   logger("call useModuleApps", _object_spread({
-    MApp,
+    MApp: MApp,
     apps: appInfoList
   }, apps));
   var Info = new Proxy(_object_spread({
-    MApp,
+    MApp: MApp,
     apps: appInfoList
   }, apps), {
     get: function get(target, p, receiver) {

package/dist/esm/runtime/utils/MApp.js

@@ -40,7 +40,7 @@ function _create_class(Constructor, protoProps, staticProps) {
 function _define_property(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value,
+      value: value,
       enumerable: true,
       configurable: true,
       writable: true
@@ -255,7 +255,7 @@ export function generateMApp(options, manifest) {
               logger("MApp errorLoadApp", error, args);
               if (appInfo.activeWhen) {
                 setLoadingState({
-                  error
+                  error: error
                 });
               }
               return errorLoadApp === null || errorLoadApp === void 0 ? void 0 : errorLoadApp.apply(void 0, [
@@ -270,7 +270,7 @@ export function generateMApp(options, manifest) {
               logger("MApp errorMountApp", error, args);
               if (appInfo.activeWhen) {
                 setLoadingState({
-                  error
+                  error: error
                 });
               }
               return errorMountApp === null || errorMountApp === void 0 ? void 0 : errorMountApp.apply(void 0, [
@@ -285,7 +285,7 @@ export function generateMApp(options, manifest) {
               logger("MApp errorUnmountApp", error, args);
               if (appInfo.activeWhen) {
                 setLoadingState({
-                  error
+                  error: error
                 });
               }
               return errorUnmountApp === null || errorUnmountApp === void 0 ? void 0 : errorUnmountApp.apply(void 0, [
@@ -328,7 +328,7 @@ export function generateMApp(options, manifest) {
           };
           logger("MApp componentDidMount", {
             garfishRunning: Garfish.running,
-            garfishOptions
+            garfishOptions: garfishOptions
           });
           if (!Garfish.running) {
             Garfish.run(garfishOptions);

package/dist/esm/runtime/utils/apps.js

@@ -45,7 +45,7 @@ function _async_to_generator(fn) {
 function _define_property(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value,
+      value: value,
       enumerable: true,
       configurable: true,
       writable: true
@@ -351,7 +351,7 @@ function getAppInstance(options, appInfo, manifest) {
           "_SERVER_DATA"
         ]),
         domGetter: "#".concat(domId),
-        basename,
+        basename: basename,
         cache: true,
         props: _object_spread({}, appInfo.props, userProps),
         customLoader: function(provider) {
@@ -388,7 +388,7 @@ function getAppInstance(options, appInfo, manifest) {
         error: null
       });
       logger('MicroApp Garfish.loadApp "'.concat(appInfo.name, '"'), {
-        loadAppOptions
+        loadAppOptions: loadAppOptions
       });
       function renderApp() {
         return _renderApp.apply(this, arguments);
@@ -425,7 +425,7 @@ function getAppInstance(options, appInfo, manifest) {
                   ];
                 logger('MicroApp Garfish.loadApp "'.concat(appInfo.name, '" show'), {
                   appInfo: appInstance.appInfo,
-                  appInstance
+                  appInstance: appInstance
                 });
                 return [
                   4,
@@ -440,7 +440,7 @@ function getAppInstance(options, appInfo, manifest) {
               case 3:
                 logger('MicroApp Garfish.loadApp "'.concat(appInfo.name, '" mount'), {
                   appInfo: appInstance.appInfo,
-                  appInstance
+                  appInstance: appInstance
                 });
                 return [
                   4,
@@ -458,7 +458,7 @@ function getAppInstance(options, appInfo, manifest) {
                 error = _state.sent();
                 setLoadingState({
                   isLoading: true,
-                  error
+                  error: error
                 });
                 return [
                   3,
@@ -508,7 +508,7 @@ export function generateApps(options, manifest) {
     apps[appInfo.name] = Component;
   });
   return {
-    apps,
+    apps: apps,
     appInfoList: options.apps || []
   };
 }

package/dist/esm-node/cli/index.js

@@ -87,8 +87,36 @@ export default ({ pluginName = "@modern-js/plugin-garfish", runtimePluginName =
                   "Access-Control-Allow-Origin": "*"
                 }
               },
-              webpackChain: (chain, { webpack, env, CHAIN_ID }) => {
-                var _resolveOptions_deploy, _resolveWebpackConfig_resolve;
+              webpackChain: (chain, { webpack, CHAIN_ID }) => {
+                if (webpack.BannerPlugin) {
+                  chain.plugin(CHAIN_ID.PLUGIN.BANNER).use(webpack.BannerPlugin, [
+                    {
+                      banner: "Micro front-end"
+                    }
+                  ]);
+                }
+              },
+              rspack: (config2) => {
+                var _resolveOptions_deploy;
+                var _config;
+                var _builtins;
+                (_builtins = (_config = config2).builtins) !== null && _builtins !== void 0 ? _builtins : _config.builtins = {};
+                const resolveOptions = useResolvedConfigContext();
+                if ((resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) && !config2.externalsType) {
+                  config2.externalsType = "commonjs";
+                }
+                const banner = config2.builtins.banner || [];
+                config2.builtins.banner = [
+                  ...Array.isArray(banner) ? banner : [
+                    banner
+                  ],
+                  {
+                    banner: "Micro front-end"
+                  }
+                ];
+              },
+              bundlerChain: (chain, { env, CHAIN_ID }) => {
+                var _resolveOptions_deploy, _resolveConfig_resolve;
                 const resolveOptions = useResolvedConfigContext();
                 if (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_deploy = resolveOptions.deploy) === null || _resolveOptions_deploy === void 0 ? void 0 : _resolveOptions_deploy.microFrontend) {
                   var _useConfig_dev, _resolveOptions_server, _resolveOptions_deploy1;
@@ -96,13 +124,6 @@ export default ({ pluginName = "@modern-js/plugin-garfish", runtimePluginName =
                   if (!((_useConfig_dev = useConfig.dev) === null || _useConfig_dev === void 0 ? void 0 : _useConfig_dev.assetPrefix) && (resolveOptions === null || resolveOptions === void 0 ? void 0 : (_resolveOptions_server = resolveOptions.server) === null || _resolveOptions_server === void 0 ? void 0 : _resolveOptions_server.port) && env === "development") {
                     chain.output.publicPath(`//localhost:${resolveOptions.server.port}/`);
                   }
-                  if (webpack.BannerPlugin) {
-                    chain.plugin(CHAIN_ID.PLUGIN.BANNER).use(webpack.BannerPlugin, [
-                      {
-                        banner: "Micro front-end"
-                      }
-                    ]);
-                  }
                   const { enableHtmlEntry, externalBasicLibrary } = getDefaultMicroFrontedConfig((_resolveOptions_deploy1 = resolveOptions.deploy) === null || _resolveOptions_deploy1 === void 0 ? void 0 : _resolveOptions_deploy1.microFrontend);
                   if (externalBasicLibrary) {
                     chain.externals(externals);
@@ -116,13 +137,13 @@ export default ({ pluginName = "@modern-js/plugin-garfish", runtimePluginName =
                     });
                   }
                 }
-                const resolveWebpackConfig = chain.toConfig();
-                logger("webpackConfig", {
-                  output: resolveWebpackConfig.output,
-                  externals: resolveWebpackConfig.externals,
+                const resolveConfig = chain.toConfig();
+                logger("bundlerConfig", {
+                  output: resolveConfig.output,
+                  externals: resolveConfig.externals,
                   env,
-                  alias: (_resolveWebpackConfig_resolve = resolveWebpackConfig.resolve) === null || _resolveWebpackConfig_resolve === void 0 ? void 0 : _resolveWebpackConfig_resolve.alias,
-                  plugins: resolveWebpackConfig.plugins
+                  alias: (_resolveConfig_resolve = resolveConfig.resolve) === null || _resolveConfig_resolve === void 0 ? void 0 : _resolveConfig_resolve.alias,
+                  plugins: resolveConfig.plugins
                 });
               }
             }

package/dist/esm-node/cli/utils.js

@@ -107,7 +107,7 @@ export function setRuntimeConfig(config, key, value) {
   return void 0;
 }
 export const generateAsyncEntry = (code) => {
-  const transformCode = code.replace(`import('./bootstrap.js');`, `if (!window.__GARFISH__) { import('./bootstrap.js'); }`);
+  const transformCode = code.replace(`import('./bootstrap.jsx');`, `if (!window.__GARFISH__) { import('./bootstrap.jsx'); }`);
   return `
       export const provider = async (...args) => {
         const exports = await import('./bootstrap');

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.17.1",
+  "version": "2.18.1",
   "jsnext:source": "./src/cli/index.ts",
   "types": "./dist/types/cli/index.d.ts",
   "typesVersions": {
@@ -70,10 +70,10 @@
     "garfish": "^1.8.1",
     "hoist-non-react-statics": "^3.3.2",
     "react-loadable": "^5.5.0",
-    "@modern-js/utils": "2.17.1"
+    "@modern-js/utils": "2.18.1"
   },
   "peerDependencies": {
-    "@modern-js/runtime": "^2.17.1"
+    "@modern-js/runtime": "^2.18.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.1",
@@ -89,13 +89,13 @@
     "react-router-dom": "^6.8.1",
     "typescript": "^4",
     "webpack-chain": "^6.5.1",
-    "@modern-js/app-tools": "2.17.1",
-    "@modern-js/core": "2.17.1",
-    "@modern-js/plugin-router-v5": "2.17.1",
-    "@modern-js/runtime": "2.17.1",
-    "@modern-js/types": "2.17.1",
-    "@scripts/build": "2.17.1",
-    "@scripts/jest-config": "2.17.1"
+    "@modern-js/app-tools": "2.18.1",
+    "@modern-js/core": "2.18.1",
+    "@modern-js/plugin-router-v5": "2.18.1",
+    "@modern-js/runtime": "2.18.1",
+    "@modern-js/types": "2.18.1",
+    "@scripts/build": "2.18.1",
+    "@scripts/jest-config": "2.18.1"
   },
   "sideEffects": false,
   "modernConfig": {},