@modern-js/app-tools 2.21.1 → 2.22.0

package/dist/cjs/utils/printInstructions.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "printInstructions", {
   enumerable: true,
-  get: () => printInstructions
+  get: function() {
+    return printInstructions;
+  }
 });
 const _utils = require("@modern-js/utils");
 const printInstructions = async (hookRunners, appContext, config) => {

package/dist/cjs/utils/restart.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "restart", {
   enumerable: true,
-  get: () => restart
+  get: function() {
+    return restart;
+  }
 });
 const _core = require("@modern-js/core");
 const _utils = require("@modern-js/utils");

package/dist/cjs/utils/routes.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "generateRoutes", {
   enumerable: true,
-  get: () => generateRoutes
+  get: function() {
+    return generateRoutes;
+  }
 });
 const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 const _path = /* @__PURE__ */ _interop_require_default._(require("path"));

package/dist/esm/analyze/generateCode.js

@@ -94,21 +94,21 @@ export var createImportStatements = function(statements) {
 };
 export var generateCode = function() {
   var _ref = _async_to_generator(function(appContext, config, entrypoints, api) {
-    var internalDirectory, srcDirectory, internalDirAlias, internalSrcAlias, packageName, hookRunners, isV5, mountId, getRoutes;
+    var internalDirectory, srcDirectory, internalDirAlias, internalSrcAlias, packageName, hookRunners, isV5, getRoutes, importsStatemets;
     function generateEntryCode(entrypoint) {
       return _generateEntryCode.apply(this, arguments);
     }
     function _generateEntryCode() {
       _generateEntryCode = _async_to_generator(function(entrypoint) {
-        var entryName, isAutoMount, customBootstrap, fileSystemRoutes, _config_output, initialRoutes, nestedRoute, routes, _$config, ssr, useSSG, mode, hasPageRoute, code, _, _tmp, routesServerFile, code1, serverLoaderCombined, serverLoaderFile, _ref2, importStatements, plugins, _ref1, renderFunction, exportStatement, code2, entryFile, rawAsyncEntryCode, ssr1, _ref22, asyncEntryCode, bootstrapFile;
+        var entryName, isAutoMount, fileSystemRoutes, _config_output, initialRoutes, nestedRoute, routes, _$config, ssr, useSSG, mode, hasPageRoute, code, _, _tmp, routesServerFile, code1, serverLoaderCombined, serverLoaderFile, imports, entryFile;
         return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
-              entryName = entrypoint.entryName, isAutoMount = entrypoint.isAutoMount, customBootstrap = entrypoint.customBootstrap, fileSystemRoutes = entrypoint.fileSystemRoutes;
+              entryName = entrypoint.entryName, isAutoMount = entrypoint.isAutoMount, fileSystemRoutes = entrypoint.fileSystemRoutes;
               if (!isAutoMount)
                 return [
                   3,
-                  18
+                  13
                 ];
               if (!fileSystemRoutes)
                 return [
@@ -248,76 +248,12 @@ export var generateCode = function() {
                 })
               ];
             case 12:
-              _ref2 = _state.sent(), importStatements = _ref2.imports;
-              return [
-                4,
-                hookRunners.modifyEntryRuntimePlugins({
-                  entrypoint: entrypoint,
-                  plugins: []
-                })
-              ];
-            case 13:
-              plugins = _state.sent().plugins;
-              return [
-                4,
-                hookRunners.modifyEntryRenderFunction({
-                  entrypoint: entrypoint,
-                  code: templates.renderFunction({
-                    plugins: plugins,
-                    customBootstrap: customBootstrap,
-                    fileSystemRoutes: fileSystemRoutes
-                  })
-                })
-              ];
-            case 14:
-              _ref1 = _state.sent(), renderFunction = _ref1.code;
-              return [
-                4,
-                hookRunners.modifyEntryExport({
-                  entrypoint: entrypoint,
-                  exportStatement: "export default AppWrapper;"
-                })
-              ];
-            case 15:
-              exportStatement = _state.sent().exportStatement;
-              code2 = templates.index({
-                mountId: mountId,
-                imports: createImportStatements(importStatements),
-                renderFunction: renderFunction,
-                exportStatement: exportStatement
-              });
+              imports = _state.sent().imports;
+              importsStatemets.set(entryName, imports);
               entryFile = path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_POINT_FILE_NAME));
-              entrypoint.entry = entryFile;
-              if (!config.source.enableAsyncEntry)
-                return [
-                  3,
-                  17
-                ];
-              rawAsyncEntryCode = "import('./".concat(ENTRY_BOOTSTRAP_FILE_NAME, "');");
-              ssr1 = getEntryOptions(entryName, config.server.ssr, config.server.ssrByEntries, packageName);
-              if (ssr1) {
-                rawAsyncEntryCode = "\n          export const ".concat(SERVER_RENDER_FUNCTION_NAME, " = async (...args) => {\n            let entry = await ").concat(rawAsyncEntryCode, ";\n            if (entry.default instanceof Promise){\n              entry = await entry.default;\n              return entry.default.").concat(SERVER_RENDER_FUNCTION_NAME, ".apply(null, args);\n            }\n            return entry.").concat(SERVER_RENDER_FUNCTION_NAME, ".apply(null, args);\n          };\n          if(typeof window!=='undefined'){\n            ").concat(rawAsyncEntryCode, "\n          }\n          ");
-              }
-              return [
-                4,
-                hookRunners.modifyAsyncEntry({
-                  entrypoint: entrypoint,
-                  code: rawAsyncEntryCode
-                })
-              ];
-            case 16:
-              _ref22 = _state.sent(), asyncEntryCode = _ref22.code;
-              fs.outputFileSync(entryFile, asyncEntryCode, "utf8");
-              bootstrapFile = path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_BOOTSTRAP_FILE_NAME));
-              fs.outputFileSync(bootstrapFile, code2, "utf8");
-              return [
-                3,
-                18
-              ];
-            case 17:
-              fs.outputFileSync(entryFile, code2, "utf8");
-              _state.label = 18;
-            case 18:
+              entrypoint.internalEntry = entryFile;
+              _state.label = 13;
+            case 13:
               return [
                 2
               ];
@@ -332,8 +268,8 @@ export var generateCode = function() {
           internalDirectory = appContext.internalDirectory, srcDirectory = appContext.srcDirectory, internalDirAlias = appContext.internalDirAlias, internalSrcAlias = appContext.internalSrcAlias, packageName = appContext.packageName;
           hookRunners = api.useHookRunners();
           isV5 = isRouterV5(config);
-          mountId = config.html.mountId;
           getRoutes = isV5 ? getClientRoutesLegacy : getClientRoutes;
+          importsStatemets = /* @__PURE__ */ new Map();
           return [
             4,
             Promise.all(entrypoints.map(generateEntryCode))
@@ -341,7 +277,10 @@ export var generateCode = function() {
         case 1:
           _state.sent();
           return [
-            2
+            2,
+            {
+              importsStatemets: importsStatemets
+            }
           ];
       }
     });
@@ -350,3 +289,120 @@ export var generateCode = function() {
     return _ref.apply(this, arguments);
   };
 }();
+export var generateIndexCode = function() {
+  var _ref = _async_to_generator(function(param) {
+    var appContext, api, entrypoints, config, importsStatemets, bundlerConfigs, hookRunners, mountId, internalDirectory, packageName;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          appContext = param.appContext, api = param.api, entrypoints = param.entrypoints, config = param.config, importsStatemets = param.importsStatemets, bundlerConfigs = param.bundlerConfigs;
+          hookRunners = api.useHookRunners();
+          mountId = config.html.mountId;
+          internalDirectory = appContext.internalDirectory, packageName = appContext.packageName;
+          return [
+            4,
+            Promise.all(entrypoints.map(function() {
+              var _ref2 = _async_to_generator(function(entrypoint) {
+                var entryName, isAutoMount, customBootstrap, fileSystemRoutes, plugins, _ref3, renderFunction, exportStatement, imports, code, entryFile, rawAsyncEntryCode, ssr, _ref1, asyncEntryCode, bootstrapFile;
+                return _ts_generator(this, function(_state2) {
+                  switch (_state2.label) {
+                    case 0:
+                      entryName = entrypoint.entryName, isAutoMount = entrypoint.isAutoMount, customBootstrap = entrypoint.customBootstrap, fileSystemRoutes = entrypoint.fileSystemRoutes;
+                      if (!isAutoMount)
+                        return [
+                          3,
+                          6
+                        ];
+                      return [
+                        4,
+                        hookRunners.modifyEntryRuntimePlugins({
+                          entrypoint: entrypoint,
+                          plugins: [],
+                          bundlerConfigs: bundlerConfigs
+                        })
+                      ];
+                    case 1:
+                      plugins = _state2.sent().plugins;
+                      return [
+                        4,
+                        hookRunners.modifyEntryRenderFunction({
+                          entrypoint: entrypoint,
+                          code: templates.renderFunction({
+                            plugins: plugins,
+                            customBootstrap: customBootstrap,
+                            fileSystemRoutes: fileSystemRoutes
+                          })
+                        })
+                      ];
+                    case 2:
+                      _ref3 = _state2.sent(), renderFunction = _ref3.code;
+                      return [
+                        4,
+                        hookRunners.modifyEntryExport({
+                          entrypoint: entrypoint,
+                          exportStatement: "export default AppWrapper;"
+                        })
+                      ];
+                    case 3:
+                      exportStatement = _state2.sent().exportStatement;
+                      imports = importsStatemets.get(entryName);
+                      code = templates.index({
+                        mountId: mountId,
+                        imports: createImportStatements(imports),
+                        renderFunction: renderFunction,
+                        exportStatement: exportStatement
+                      });
+                      entryFile = path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_POINT_FILE_NAME));
+                      if (!config.source.enableAsyncEntry)
+                        return [
+                          3,
+                          5
+                        ];
+                      rawAsyncEntryCode = "import('./".concat(ENTRY_BOOTSTRAP_FILE_NAME, "');");
+                      ssr = getEntryOptions(entryName, config.server.ssr, config.server.ssrByEntries, packageName);
+                      if (ssr) {
+                        rawAsyncEntryCode = "\n        export const ".concat(SERVER_RENDER_FUNCTION_NAME, " = async (...args) => {\n          let entry = await ").concat(rawAsyncEntryCode, ";\n          if (entry.default instanceof Promise){\n            entry = await entry.default;\n            return entry.default.").concat(SERVER_RENDER_FUNCTION_NAME, ".apply(null, args);\n          }\n          return entry.").concat(SERVER_RENDER_FUNCTION_NAME, ".apply(null, args);\n        };\n        if(typeof window!=='undefined'){\n          ").concat(rawAsyncEntryCode, "\n        }\n        ");
+                      }
+                      return [
+                        4,
+                        hookRunners.modifyAsyncEntry({
+                          entrypoint: entrypoint,
+                          code: rawAsyncEntryCode
+                        })
+                      ];
+                    case 4:
+                      _ref1 = _state2.sent(), asyncEntryCode = _ref1.code;
+                      fs.outputFileSync(entryFile, asyncEntryCode, "utf8");
+                      bootstrapFile = path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_BOOTSTRAP_FILE_NAME));
+                      fs.outputFileSync(bootstrapFile, code, "utf8");
+                      return [
+                        3,
+                        6
+                      ];
+                    case 5:
+                      fs.outputFileSync(entryFile, code, "utf8");
+                      _state2.label = 6;
+                    case 6:
+                      return [
+                        2
+                      ];
+                  }
+                });
+              });
+              return function(entrypoint) {
+                return _ref2.apply(this, arguments);
+              };
+            }()))
+          ];
+        case 1:
+          _state.sent();
+          return [
+            2
+          ];
+      }
+    });
+  });
+  return function generateIndexCode2(_) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/esm/analyze/index.js

@@ -14,6 +14,7 @@ import { initialNormalizedConfig } from "../config";
 import { createBuilderGenerator } from "../builder";
 import { isPageComponentFile, parseModule, replaceWithAlias } from "./utils";
 import { APP_CONFIG_NAME, APP_INIT_EXPORTED, APP_INIT_IMPORTED } from "./constants";
+import { generateIndexCode } from "./generateCode";
 var debug = createDebugger("plugin-analyze");
 export default function(param) {
   var bundler = param.bundler;
@@ -26,7 +27,7 @@ export default function(param) {
       return {
         prepare: function prepare() {
           return _async_to_generator(function() {
-            var _resolvedConfig_source, appContext, resolvedConfig, hookRunners, apiOnly, routes, _ref, getBundleEntry, getServerRoutes, generateCode, getHtmlTemplate, entrypoints, initialRoutes, routes1, htmlTemplates, checkedEntries, entry, command, buildCommands, normalizedConfig, createBuilderForModern, builder;
+            var _resolvedConfig_source, appContext, resolvedConfig, hookRunners, apiOnly, routes, _ref, getBundleEntry, getServerRoutes, generateCode, getHtmlTemplate, entrypoints, initialRoutes, routes1, importsStatemets, htmlTemplates, checkedEntries, entry, command, buildCommands, normalizedConfig, createBuilderForModern, builder;
             return _ts_generator(this, function(_state) {
               switch (_state.label) {
                 case 0:
@@ -120,7 +121,7 @@ export default function(param) {
                     generateCode(appContext, resolvedConfig, entrypoints, api)
                   ];
                 case 7:
-                  _state.sent();
+                  importsStatemets = _state.sent().importsStatemets;
                   return [
                     4,
                     getHtmlTemplate(entrypoints, api, {
@@ -276,11 +277,24 @@ export default function(param) {
                                 hookRunners2 = api.useHookRunners();
                                 return [
                                   4,
-                                  hookRunners2.beforeCreateCompiler({
+                                  generateIndexCode({
+                                    appContext: appContext,
+                                    config: resolvedConfig,
+                                    entrypoints: entrypoints,
+                                    api: api,
+                                    importsStatemets: importsStatemets,
                                     bundlerConfigs: bundlerConfigs
                                   })
                                 ];
                               case 1:
+                                _state2.sent();
+                                return [
+                                  4,
+                                  hookRunners2.beforeCreateCompiler({
+                                    bundlerConfigs: bundlerConfigs
+                                  })
+                                ];
+                              case 2:
                                 _state2.sent();
                                 return [
                                   2

package/dist/esm/builder/generator/createBuilderOptions.js

@@ -4,15 +4,16 @@ export function createBuilderOptions(target, appContext) {
   var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
   try {
     for (var _iterator = entrypoints[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-      var _step_value = _step.value, entryName = _step_value.entryName, entry = _step_value.entry;
+      var _step_value = _step.value, entryName = _step_value.entryName, internalEntry = _step_value.internalEntry, entry = _step_value.entry;
       if (checkedEntries && !checkedEntries.includes(entryName)) {
         continue;
       }
+      var finalEntry = internalEntry || entry;
       if (entryName in entries) {
-        entries[entryName].push(entry);
+        entries[entryName].push(finalEntry);
       } else {
         entries[entryName] = [
-          entry
+          finalEntry
         ];
       }
     }

package/dist/esm/builder/generator/createBuilderProviderConfig.js

@@ -3,7 +3,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 export function createBuilderProviderConfig(resolveConfig, appContext, modifyBuilderConfig) {
   var htmlConfig = _object_spread({}, resolveConfig.html);
   if (!htmlConfig.template) {
-    htmlConfig.templateByEntries = _object_spread({}, htmlConfig.templateByEntries, appContext.htmlTemplates);
+    htmlConfig.templateByEntries = _object_spread({}, appContext.htmlTemplates, htmlConfig.templateByEntries);
   }
   var config = _object_spread_props(_object_spread({}, resolveConfig), {
     dev: _object_spread_props(_object_spread({}, resolveConfig.dev), {

package/dist/esm/builder/shared/bundlerPlugins/RouterPlugin.js

@@ -5,7 +5,8 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import path from "path";
-import { fs, ROUTE_MANIFEST_FILE } from "@modern-js/utils";
+import { mergeWith } from "@modern-js/utils/lodash";
+import { ROUTE_MANIFEST_FILE } from "@modern-js/utils";
 import { ROUTE_MANIFEST } from "@modern-js/utils/universal/constants";
 var PLUGIN_NAME = "ModernjsRoutePlugin";
 export var RouterPlugin = /* @__PURE__ */ function() {
@@ -41,130 +42,137 @@ export var RouterPlugin = /* @__PURE__ */ function() {
             name: PLUGIN_NAME,
             stage: PROCESS_ASSETS_STAGE_REPORT
           }, /* @__PURE__ */ _async_to_generator(function() {
-            var stats, publicPath, _stats_chunks, chunks, namedChunkGroups, routeAssets, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, chunkGroup, assets, referenceCssAssets, manifest, injectedContent, entrypointsArray, entryChunkIds, entryChunks, entryChunkFiles, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, file, asset, newContent, filename;
+            var stats, publicPath, _stats_chunks, chunks, namedChunkGroups, routeAssets, prevManifestAsset, prevManifestStr, prevManifest, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, chunkGroup, assets, referenceCssAssets, manifest, injectedContent, entrypointsArray, entryChunkIds, entryChunks, entryChunkFiles, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, file, asset, newContent;
             return _ts_generator(this, function(_state) {
-              switch (_state.label) {
-                case 0:
-                  stats = compilation.getStats().toJson({
-                    all: false,
-                    publicPath: true,
-                    assets: true,
-                    chunkGroups: true,
-                    chunks: true,
-                    ids: true
-                  });
-                  publicPath = stats.publicPath, _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks, namedChunkGroups = stats.namedChunkGroups;
-                  routeAssets = {};
-                  if (!namedChunkGroups) {
-                    return [
-                      2
-                    ];
-                  }
-                  _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-                  try {
-                    for (_iterator = Object.entries(namedChunkGroups)[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-                      _step_value = _sliced_to_array(_step.value, 2), name = _step_value[0], chunkGroup = _step_value[1];
-                      assets = chunkGroup.assets.map(function(asset2) {
-                        var filename2 = asset2.name;
-                        return publicPath ? normalizePath(publicPath) + filename2 : filename2;
-                      });
-                      referenceCssAssets = assets.filter(function(asset2) {
-                        return /\.css$/.test(asset2);
-                      });
-                      routeAssets[name] = {
-                        chunkIds: chunkGroup.chunks,
-                        assets: assets,
-                        referenceCssAssets: referenceCssAssets
-                      };
-                    }
-                  } catch (err) {
-                    _didIteratorError = true;
-                    _iteratorError = err;
-                  } finally {
-                    try {
-                      if (!_iteratorNormalCompletion && _iterator.return != null) {
-                        _iterator.return();
-                      }
-                    } finally {
-                      if (_didIteratorError) {
-                        throw _iteratorError;
-                      }
-                    }
-                  }
-                  manifest = {
-                    routeAssets: routeAssets
-                  };
-                  injectedContent = "\n            ;(function(){\n              window.".concat(ROUTE_MANIFEST, " = ").concat(JSON.stringify(manifest, function(k, v) {
-                    if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
-                      return v.map(function(item) {
-                        return item.replace(publicPath, "");
-                      });
-                    }
-                    return v;
-                  }), ";\n            })();\n          ");
-                  entrypointsArray = Array.from(compilation.entrypoints.entries());
-                  entryChunkIds = entrypointsArray.map(function(entrypoint) {
-                    return entrypoint[0];
+              stats = compilation.getStats().toJson({
+                all: false,
+                publicPath: true,
+                assets: true,
+                chunkGroups: true,
+                chunks: true,
+                ids: true
+              });
+              publicPath = stats.publicPath, _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks, namedChunkGroups = stats.namedChunkGroups;
+              routeAssets = {};
+              if (!namedChunkGroups) {
+                return [
+                  2
+                ];
+              }
+              prevManifestAsset = compilation.getAsset(ROUTE_MANIFEST_FILE);
+              prevManifestStr = prevManifestAsset ? prevManifestAsset.source.source().toString() : JSON.stringify({
+                routeAssets: {}
+              });
+              prevManifest = JSON.parse(prevManifestStr);
+              _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+              try {
+                for (_iterator = Object.entries(namedChunkGroups)[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                  _step_value = _sliced_to_array(_step.value, 2), name = _step_value[0], chunkGroup = _step_value[1];
+                  assets = chunkGroup.assets.map(function(asset2) {
+                    var filename = asset2.name;
+                    return publicPath ? normalizePath(publicPath) + filename : filename;
                   });
-                  entryChunks = _to_consumable_array(chunks).filter(function(chunk) {
-                    var _chunk_names;
-                    return (_chunk_names = chunk.names) === null || _chunk_names === void 0 ? void 0 : _chunk_names.some(function(name2) {
-                      return entryChunkIds.includes(name2);
-                    });
+                  referenceCssAssets = assets.filter(function(asset2) {
+                    return /\.css$/.test(asset2);
                   });
-                  entryChunkFiles = entryChunks.map(function(chunk) {
-                    return _to_consumable_array(chunk.files || []).find(function(fname) {
-                      return fname.includes(".js");
+                  routeAssets[name] = {
+                    chunkIds: chunkGroup.chunks,
+                    assets: assets,
+                    referenceCssAssets: referenceCssAssets
+                  };
+                  if (prevManifest.routeAssets[name]) {
+                    mergeWith(routeAssets[name], prevManifest.routeAssets[name], function(obj, source) {
+                      if (Array.isArray(obj)) {
+                        return obj.concat(source);
+                      }
+                      return Object.assign(source, obj);
                     });
+                  }
+                }
+              } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                  }
+                } finally {
+                  if (_didIteratorError) {
+                    throw _iteratorError;
+                  }
+                }
+              }
+              manifest = {
+                routeAssets: routeAssets
+              };
+              injectedContent = "\n            ;(function(){\n              window.".concat(ROUTE_MANIFEST, " = ").concat(JSON.stringify(manifest, function(k, v) {
+                if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
+                  return v.map(function(item) {
+                    return item.replace(publicPath, "");
                   });
-                  _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
-                  try {
-                    for (_iterator1 = entryChunkFiles[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
-                      file = _step1.value;
-                      asset = compilation.assets[file];
-                      if (!asset) {
-                        continue;
-                      }
-                      newContent = "".concat(injectedContent).concat(asset.source().toString());
-                      newAssetsMap.set(path.join(outputPath, file), newContent);
-                      compilation.updateAsset(
-                        file,
-                        new RawSource(newContent),
-                        // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
-                        void 0
-                      );
-                    }
-                  } catch (err) {
-                    _didIteratorError1 = true;
-                    _iteratorError1 = err;
-                  } finally {
-                    try {
-                      if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                        _iterator1.return();
-                      }
-                    } finally {
-                      if (_didIteratorError1) {
-                        throw _iteratorError1;
-                      }
-                    }
+                }
+                return v;
+              }), ";\n            })();\n          ");
+              entrypointsArray = Array.from(compilation.entrypoints.entries());
+              entryChunkIds = entrypointsArray.map(function(entrypoint) {
+                return entrypoint[0];
+              });
+              entryChunks = _to_consumable_array(chunks).filter(function(chunk) {
+                var _chunk_names;
+                return (_chunk_names = chunk.names) === null || _chunk_names === void 0 ? void 0 : _chunk_names.some(function(name2) {
+                  return entryChunkIds.includes(name2);
+                });
+              });
+              entryChunkFiles = entryChunks.map(function(chunk) {
+                return _to_consumable_array(chunk.files || []).find(function(fname) {
+                  return fname.includes(".js");
+                });
+              });
+              _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+              try {
+                for (_iterator1 = entryChunkFiles[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+                  file = _step1.value;
+                  asset = compilation.assets[file];
+                  if (!asset) {
+                    continue;
+                  }
+                  newContent = "".concat(injectedContent).concat(asset.source().toString());
+                  newAssetsMap.set(path.join(outputPath, file), newContent);
+                  compilation.updateAsset(
+                    file,
+                    new RawSource(newContent),
+                    // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+                    void 0
+                  );
+                }
+              } catch (err) {
+                _didIteratorError1 = true;
+                _iteratorError1 = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                    _iterator1.return();
                   }
-                  filename = path.join(outputPath, ROUTE_MANIFEST_FILE);
-                  return [
-                    4,
-                    fs.ensureFile(filename)
-                  ];
-                case 1:
-                  _state.sent();
-                  return [
-                    4,
-                    fs.writeFile(filename, JSON.stringify(manifest, null, 2))
-                  ];
-                case 2:
-                  _state.sent();
-                  return [
-                    2
-                  ];
+                } finally {
+                  if (_didIteratorError1) {
+                    throw _iteratorError1;
+                  }
+                }
+              }
+              if (prevManifestAsset) {
+                compilation.updateAsset(
+                  ROUTE_MANIFEST_FILE,
+                  new RawSource(JSON.stringify(manifest, null, 2)),
+                  // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+                  void 0
+                );
+              } else {
+                compilation.emitAsset(ROUTE_MANIFEST_FILE, new RawSource(JSON.stringify(manifest, null, 2)));
               }
+              return [
+                2
+              ];
             });
           }));
         });