@modern-js/app-tools 2.39.0 → 2.39.2-alpha.0

package/dist/cjs/analyze/nestedRoutes.js

@@ -79,7 +79,7 @@ const optimizeRoute = (routeTree) => {
   }
   const { children } = routeTree;
   const hasPage = children.some((child) => child.index);
-  if (!routeTree._component && !routeTree.error && !routeTree.loading && !routeTree.config && !routeTree.clientData && !hasPage) {
+  if (!routeTree._component && !routeTree.error && !routeTree.loading && !routeTree.config && !routeTree.clientData) {
     const newRoutes = children.map((child) => {
       const routePath = `${routeTree.path ? routeTree.path : ""}${child.path ? `/${child.path}` : ""}`;
       const newRoute = {
@@ -285,6 +285,7 @@ const walk = async (dirname, rootDir, alias, entryName, isMainEntry, oldVersion)
     throw new Error("The root layout component is required, make sure the routes/layout.tsx file exists.");
   }
   if (isRoot && !oldVersion) {
+    console.log("oooooooooooo");
     const optimizedRoutes = optimizeRoute(finalRoute);
     return optimizedRoutes;
   }

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

@@ -62,6 +62,7 @@ class RouterPlugin {
       return;
     }
     const { webpack } = compiler;
+    const isRspack = webpack.rspackVersion;
     const { Compilation, sources } = webpack;
     const { RawSource } = sources;
     const normalizePath = (path) => {
@@ -127,7 +128,19 @@ class RouterPlugin {
           routeAssets
         };
         const entryNames = Array.from(compilation.entrypoints.keys());
-        const entryChunks = this.getEntryChunks(compilation, chunks);
+        let entryChunks = [];
+        if (isRspack) {
+          entryChunks = this.getEntryChunks(compilation, chunks);
+        } else {
+          const orignalEntryIds = Object.keys(compilation.options.entry).map((entryName) => {
+            const chunk = compilation.namedChunks.get(entryName);
+            if (chunk) {
+              return chunk.id;
+            }
+            return entryName;
+          });
+          entryChunks = this.getEntryChunks(compilation, chunks).filter((chunk) => orignalEntryIds.includes(chunk.id));
+        }
         const entryChunkFiles = this.getEntryChunkFiles(entryChunks);
         const entryChunkFileIds = entryChunks.map((chunk) => chunk.id);
         for (let i = 0; i < entryChunkFiles.length; i++) {

package/dist/cjs/config/initialize/inits.js

@@ -28,6 +28,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var inits_exports = {};
 __export(inits_exports, {
+  createBuilderModuleScope: () => createBuilderModuleScope,
   initHtmlConfig: () => initHtmlConfig,
   initSourceConfig: () => initSourceConfig
 });
@@ -62,57 +63,52 @@ function initSourceConfig(config, appContext, bundler) {
   if (bundler === "webpack") {
     config.source.moduleScopes = createBuilderModuleScope(config);
   }
-  function createBuilderInclude(config2, appContext2) {
-    const { include } = config2.source;
-    const defaultInclude = [
-      appContext2.internalDirectory
-    ];
-    const transformInclude = (include || []).map((include2) => {
-      if (typeof include2 === "string") {
-        if ((0, import_path.isAbsolute)(include2)) {
-          return include2;
-        }
-        return new RegExp(include2);
+}
+function createBuilderInclude(config, appContext) {
+  const { include } = config.source;
+  const defaultInclude = [
+    appContext.internalDirectory
+  ];
+  const transformInclude = (include || []).map((include2) => {
+    if (typeof include2 === "string") {
+      if ((0, import_path.isAbsolute)(include2)) {
+        return include2;
       }
-      return include2;
-    }).concat(defaultInclude);
-    return transformInclude;
+      return new RegExp(include2);
+    }
+    return include2;
+  }).concat(defaultInclude);
+  return transformInclude;
+}
+function createBuilderModuleScope(config) {
+  const { moduleScopes } = config.source;
+  if (moduleScopes) {
+    const DEFAULT_SCOPES = [
+      "./src",
+      "./shared",
+      /node_modules/
+    ];
+    const builderModuleScope = applyScopeOptions(DEFAULT_SCOPES, moduleScopes);
+    return builderModuleScope;
+  } else {
+    return void 0;
   }
-  function createBuilderModuleScope(config2) {
-    const { moduleScopes } = config2.source;
-    if (moduleScopes) {
-      let builderModuleScope = [];
-      const DEFAULT_SCOPES = [
-        "./src",
-        "./shared",
-        /node_modules/
-      ];
-      if (Array.isArray(moduleScopes)) {
-        if (isPrimitiveScope(moduleScopes)) {
-          builderModuleScope = DEFAULT_SCOPES.concat(moduleScopes);
-        } else {
-          builderModuleScope = [
-            DEFAULT_SCOPES,
-            ...moduleScopes
-          ];
-        }
-      } else {
-        builderModuleScope = [
-          DEFAULT_SCOPES,
-          moduleScopes
-        ];
+  function isPrimitiveScope(items) {
+    return items.every((item) => typeof item === "string" || Object.prototype.toString.call(item) === "[object RegExp]");
+  }
+  function applyScopeOptions(defaults, options) {
+    if (Array.isArray(options)) {
+      if (isPrimitiveScope(options)) {
+        return defaults.concat(options);
       }
-      return builderModuleScope;
-    } else {
-      return void 0;
-    }
-    function isPrimitiveScope(items) {
-      return items.every((item) => typeof item === "string" || Object.prototype.toString.call(item) === "[object RegExp]");
+      return options.reduce(applyScopeOptions, defaults);
     }
+    return options(defaults) || defaults;
   }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  createBuilderModuleScope,
   initHtmlConfig,
   initSourceConfig
 });

package/dist/esm/analyze/nestedRoutes.js

@@ -48,7 +48,7 @@ var optimizeRoute = function(routeTree) {
   var hasPage = children.some(function(child) {
     return child.index;
   });
-  if (!routeTree._component && !routeTree.error && !routeTree.loading && !routeTree.config && !routeTree.clientData && !hasPage) {
+  if (!routeTree._component && !routeTree.error && !routeTree.loading && !routeTree.config && !routeTree.clientData) {
     var newRoutes = children.map(function(child) {
       var routePath = "".concat(routeTree.path ? routeTree.path : "").concat(child.path ? "/".concat(child.path) : "");
       var newRoute = _object_spread_props(_object_spread({}, child), {
@@ -379,6 +379,7 @@ var walk = function() {
             throw new Error("The root layout component is required, make sure the routes/layout.tsx file exists.");
           }
           if (isRoot && !oldVersion) {
+            console.log("oooooooooooo");
             optimizedRoutes = optimizeRoute(finalRoute);
             return [
               2,

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

@@ -80,6 +80,7 @@ var RouterPlugin = /* @__PURE__ */ function() {
           return;
         }
         var webpack = compiler.webpack;
+        var isRspack = webpack.rspackVersion;
         var Compilation = webpack.Compilation, sources = webpack.sources;
         var RawSource = sources.RawSource;
         var normalizePath = function(path) {
@@ -104,7 +105,7 @@ var RouterPlugin = /* @__PURE__ */ function() {
             name: PLUGIN_NAME,
             stage: Compilation.PROCESS_ASSETS_STAGE_REPORT
           }, /* @__PURE__ */ _async_to_generator(function() {
-            var _loop, stats, publicPath, _stats_chunks, chunks, namedChunkGroups, routeAssets, prevManifestAsset, prevManifestStr, prevManifest, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, chunkGroup, assets, referenceCssAssets, manifest, entryNames, entryChunks, entryChunkFiles, entryChunkFileIds, i;
+            var _loop, stats, publicPath, _stats_chunks, chunks, namedChunkGroups, routeAssets, prevManifestAsset, prevManifestStr, prevManifest, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, chunkGroup, assets, referenceCssAssets, manifest, entryNames, entryChunks, orignalEntryIds, entryChunkFiles, entryChunkFileIds, i;
             return _ts_generator(this, function(_state) {
               _loop = function(i2) {
                 var entryName = entryNames[i2];
@@ -261,7 +262,21 @@ var RouterPlugin = /* @__PURE__ */ function() {
                 routeAssets
               };
               entryNames = Array.from(compilation.entrypoints.keys());
-              entryChunks = _this1.getEntryChunks(compilation, chunks);
+              entryChunks = [];
+              if (isRspack) {
+                entryChunks = _this1.getEntryChunks(compilation, chunks);
+              } else {
+                orignalEntryIds = Object.keys(compilation.options.entry).map(function(entryName) {
+                  var chunk = compilation.namedChunks.get(entryName);
+                  if (chunk) {
+                    return chunk.id;
+                  }
+                  return entryName;
+                });
+                entryChunks = _this1.getEntryChunks(compilation, chunks).filter(function(chunk) {
+                  return orignalEntryIds.includes(chunk.id);
+                });
+              }
               entryChunkFiles = _this1.getEntryChunkFiles(entryChunks);
               entryChunkFileIds = entryChunks.map(function(chunk) {
                 return chunk.id;

package/dist/esm/config/initialize/inits.js

@@ -1,4 +1,3 @@
-import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import path, { isAbsolute } from "path";
 import { findExists } from "@modern-js/utils";
 function initHtmlConfig(config, appContext) {
@@ -29,61 +28,57 @@ function initHtmlConfig(config, appContext) {
   return config.html;
 }
 function initSourceConfig(config, appContext, bundler) {
-  var createBuilderInclude = function createBuilderInclude2(config2, appContext2) {
-    var include = config2.source.include;
-    var defaultInclude = [
-      appContext2.internalDirectory
-    ];
-    var transformInclude = (include || []).map(function(include2) {
-      if (typeof include2 === "string") {
-        if (isAbsolute(include2)) {
-          return include2;
-        }
-        return new RegExp(include2);
+  config.source.include = createBuilderInclude(config, appContext);
+  if (bundler === "webpack") {
+    config.source.moduleScopes = createBuilderModuleScope(config);
+  }
+}
+function createBuilderInclude(config, appContext) {
+  var include = config.source.include;
+  var defaultInclude = [
+    appContext.internalDirectory
+  ];
+  var transformInclude = (include || []).map(function(include2) {
+    if (typeof include2 === "string") {
+      if (isAbsolute(include2)) {
+        return include2;
       }
-      return include2;
-    }).concat(defaultInclude);
-    return transformInclude;
+      return new RegExp(include2);
+    }
+    return include2;
+  }).concat(defaultInclude);
+  return transformInclude;
+}
+function createBuilderModuleScope(config) {
+  var isPrimitiveScope = function isPrimitiveScope2(items) {
+    return items.every(function(item) {
+      return typeof item === "string" || Object.prototype.toString.call(item) === "[object RegExp]";
+    });
   };
-  var createBuilderModuleScope = function createBuilderModuleScope2(config2) {
-    var moduleScopes = config2.source.moduleScopes;
-    if (moduleScopes) {
-      var builderModuleScope = [];
-      var DEFAULT_SCOPES = [
-        "./src",
-        "./shared",
-        /node_modules/
-      ];
-      if (Array.isArray(moduleScopes)) {
-        if (isPrimitiveScope(moduleScopes)) {
-          builderModuleScope = DEFAULT_SCOPES.concat(moduleScopes);
-        } else {
-          builderModuleScope = [
-            DEFAULT_SCOPES
-          ].concat(_to_consumable_array(moduleScopes));
-        }
-      } else {
-        builderModuleScope = [
-          DEFAULT_SCOPES,
-          moduleScopes
-        ];
+  var moduleScopes = config.source.moduleScopes;
+  if (moduleScopes) {
+    var DEFAULT_SCOPES = [
+      "./src",
+      "./shared",
+      /node_modules/
+    ];
+    var builderModuleScope = applyScopeOptions(DEFAULT_SCOPES, moduleScopes);
+    return builderModuleScope;
+  } else {
+    return void 0;
+  }
+  function applyScopeOptions(defaults, options) {
+    if (Array.isArray(options)) {
+      if (isPrimitiveScope(options)) {
+        return defaults.concat(options);
       }
-      return builderModuleScope;
-    } else {
-      return void 0;
-    }
-    function isPrimitiveScope(items) {
-      return items.every(function(item) {
-        return typeof item === "string" || Object.prototype.toString.call(item) === "[object RegExp]";
-      });
+      return options.reduce(applyScopeOptions, defaults);
     }
-  };
-  config.source.include = createBuilderInclude(config, appContext);
-  if (bundler === "webpack") {
-    config.source.moduleScopes = createBuilderModuleScope(config);
+    return options(defaults) || defaults;
   }
 }
 export {
+  createBuilderModuleScope,
   initHtmlConfig,
   initSourceConfig
 };

package/dist/esm-node/analyze/nestedRoutes.js

@@ -44,7 +44,7 @@ const optimizeRoute = (routeTree) => {
   }
   const { children } = routeTree;
   const hasPage = children.some((child) => child.index);
-  if (!routeTree._component && !routeTree.error && !routeTree.loading && !routeTree.config && !routeTree.clientData && !hasPage) {
+  if (!routeTree._component && !routeTree.error && !routeTree.loading && !routeTree.config && !routeTree.clientData) {
     const newRoutes = children.map((child) => {
       const routePath = `${routeTree.path ? routeTree.path : ""}${child.path ? `/${child.path}` : ""}`;
       const newRoute = {
@@ -250,6 +250,7 @@ const walk = async (dirname, rootDir, alias, entryName, isMainEntry, oldVersion)
     throw new Error("The root layout component is required, make sure the routes/layout.tsx file exists.");
   }
   if (isRoot && !oldVersion) {
+    console.log("oooooooooooo");
     const optimizedRoutes = optimizeRoute(finalRoute);
     return optimizedRoutes;
   }

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

@@ -39,6 +39,7 @@ class RouterPlugin {
       return;
     }
     const { webpack } = compiler;
+    const isRspack = webpack.rspackVersion;
     const { Compilation, sources } = webpack;
     const { RawSource } = sources;
     const normalizePath = (path) => {
@@ -104,7 +105,19 @@ class RouterPlugin {
           routeAssets
         };
         const entryNames = Array.from(compilation.entrypoints.keys());
-        const entryChunks = this.getEntryChunks(compilation, chunks);
+        let entryChunks = [];
+        if (isRspack) {
+          entryChunks = this.getEntryChunks(compilation, chunks);
+        } else {
+          const orignalEntryIds = Object.keys(compilation.options.entry).map((entryName) => {
+            const chunk = compilation.namedChunks.get(entryName);
+            if (chunk) {
+              return chunk.id;
+            }
+            return entryName;
+          });
+          entryChunks = this.getEntryChunks(compilation, chunks).filter((chunk) => orignalEntryIds.includes(chunk.id));
+        }
         const entryChunkFiles = this.getEntryChunkFiles(entryChunks);
         const entryChunkFileIds = entryChunks.map((chunk) => chunk.id);
         for (let i = 0; i < entryChunkFiles.length; i++) {

package/dist/esm-node/config/initialize/inits.js

@@ -28,56 +28,51 @@ function initSourceConfig(config, appContext, bundler) {
   if (bundler === "webpack") {
     config.source.moduleScopes = createBuilderModuleScope(config);
   }
-  function createBuilderInclude(config2, appContext2) {
-    const { include } = config2.source;
-    const defaultInclude = [
-      appContext2.internalDirectory
-    ];
-    const transformInclude = (include || []).map((include2) => {
-      if (typeof include2 === "string") {
-        if (isAbsolute(include2)) {
-          return include2;
-        }
-        return new RegExp(include2);
+}
+function createBuilderInclude(config, appContext) {
+  const { include } = config.source;
+  const defaultInclude = [
+    appContext.internalDirectory
+  ];
+  const transformInclude = (include || []).map((include2) => {
+    if (typeof include2 === "string") {
+      if (isAbsolute(include2)) {
+        return include2;
       }
-      return include2;
-    }).concat(defaultInclude);
-    return transformInclude;
+      return new RegExp(include2);
+    }
+    return include2;
+  }).concat(defaultInclude);
+  return transformInclude;
+}
+function createBuilderModuleScope(config) {
+  const { moduleScopes } = config.source;
+  if (moduleScopes) {
+    const DEFAULT_SCOPES = [
+      "./src",
+      "./shared",
+      /node_modules/
+    ];
+    const builderModuleScope = applyScopeOptions(DEFAULT_SCOPES, moduleScopes);
+    return builderModuleScope;
+  } else {
+    return void 0;
   }
-  function createBuilderModuleScope(config2) {
-    const { moduleScopes } = config2.source;
-    if (moduleScopes) {
-      let builderModuleScope = [];
-      const DEFAULT_SCOPES = [
-        "./src",
-        "./shared",
-        /node_modules/
-      ];
-      if (Array.isArray(moduleScopes)) {
-        if (isPrimitiveScope(moduleScopes)) {
-          builderModuleScope = DEFAULT_SCOPES.concat(moduleScopes);
-        } else {
-          builderModuleScope = [
-            DEFAULT_SCOPES,
-            ...moduleScopes
-          ];
-        }
-      } else {
-        builderModuleScope = [
-          DEFAULT_SCOPES,
-          moduleScopes
-        ];
+  function isPrimitiveScope(items) {
+    return items.every((item) => typeof item === "string" || Object.prototype.toString.call(item) === "[object RegExp]");
+  }
+  function applyScopeOptions(defaults, options) {
+    if (Array.isArray(options)) {
+      if (isPrimitiveScope(options)) {
+        return defaults.concat(options);
       }
-      return builderModuleScope;
-    } else {
-      return void 0;
-    }
-    function isPrimitiveScope(items) {
-      return items.every((item) => typeof item === "string" || Object.prototype.toString.call(item) === "[object RegExp]");
+      return options.reduce(applyScopeOptions, defaults);
     }
+    return options(defaults) || defaults;
   }
 }
 export {
+  createBuilderModuleScope,
   initHtmlConfig,
   initSourceConfig
 };

package/dist/js/modern/analyze/constants.js

@@ -0,0 +1,15 @@
+export const JS_EXTENSIONS = ['.js', '.ts', '.jsx', '.tsx'];
+export const INDEX_FILE_NAME = 'index';
+export const APP_FILE_NAME = 'App';
+export const PAGES_DIR_NAME = 'pages';
+export const FILE_SYSTEM_ROUTES_FILE_NAME = 'routes.js';
+export const ENTRY_POINT_FILE_NAME = 'index.js';
+export const ENTRY_BOOTSTRAP_FILE_NAME = 'bootstrap.js';
+export const FILE_SYSTEM_ROUTES_DYNAMIC_REGEXP = /^\[(\S+)\]([*+?]?)$/;
+export const FILE_SYSTEM_ROUTES_LAYOUT = '_layout';
+export const FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT = '_app';
+export const FILE_SYSTEM_ROUTES_INDEX = 'index';
+export const FILE_SYSTEM_ROUTES_IGNORED_REGEX = /\.(d|test|spec|e2e)\.(js|jsx|ts|tsx)$/;
+export const HTML_PARTIALS_FOLDER = 'html';
+export const HTML_PARTIALS_EXTENSIONS = ['.htm', '.html', '.ejs'];
+export const FILE_SYSTEM_ROUTES_COMPONENTS_DIR = 'internal_components';

package/dist/js/modern/analyze/generateCode.js

@@ -0,0 +1,179 @@
+import path from 'path';
+import { fs } from '@modern-js/utils';
+import * as templates from "./templates";
+import { getClientRoutes } from "./getClientRoutes";
+import { FILE_SYSTEM_ROUTES_FILE_NAME, ENTRY_POINT_FILE_NAME, ENTRY_BOOTSTRAP_FILE_NAME } from "./constants";
+import { getDefaultImports } from "./utils";
+
+const createImportSpecifier = specifiers => {
+  let defaults = '';
+  const named = [];
+
+  for (const {
+    local,
+    imported
+  } of specifiers) {
+    if (local && imported) {
+      named.push(`${imported} as ${local}`);
+    } else if (local) {
+      defaults = local;
+    } else {
+      named.push(imported);
+    }
+  }
+
+  if (defaults && named.length) {
+    return `${defaults}, { ${named.join(', ')} }`;
+  } else if (defaults) {
+    return defaults;
+  } else {
+    return `{ ${named.join(', ')} }`;
+  }
+};
+
+export const createImportStatements = statements => {
+  // merge import statements with the same value.
+  const deDuplicated = [];
+  const seen = new Map();
+
+  for (const {
+    value,
+    specifiers,
+    initialize
+  } of statements) {
+    if (!seen.has(value)) {
+      deDuplicated.push({
+        value,
+        specifiers,
+        initialize
+      });
+      seen.set(value, specifiers);
+    } else {
+      var _deDuplicated$modifyI, _deDuplicated$modifyI2;
+
+      seen.get(value).push(...specifiers); // make "initialize" param can be connected when multiple plugins were imported from same package
+
+      const modifyIndex = deDuplicated.findIndex(v => v.value === value);
+      const originInitialize = (_deDuplicated$modifyI = (_deDuplicated$modifyI2 = deDuplicated[modifyIndex]) === null || _deDuplicated$modifyI2 === void 0 ? void 0 : _deDuplicated$modifyI2.initialize) !== null && _deDuplicated$modifyI !== void 0 ? _deDuplicated$modifyI : '';
+      deDuplicated[modifyIndex].initialize = originInitialize.concat(`\n${initialize || ''}`);
+    }
+  }
+
+  return deDuplicated.map(({
+    value,
+    specifiers,
+    initialize
+  }) => `import ${createImportSpecifier(specifiers)} from '${value}';\n${initialize || ''}`).join('\n');
+};
+export const generateCode = async (appContext, config, entrypoints, api) => {
+  const {
+    internalDirectory,
+    srcDirectory,
+    internalDirAlias,
+    internalSrcAlias
+  } = appContext;
+  const hookRunners = api.useHookRunners();
+  const {
+    output: {
+      mountId
+    }
+  } = config;
+
+  for (const entrypoint of entrypoints) {
+    const {
+      entryName,
+      isAutoMount,
+      customBootstrap,
+      fileSystemRoutes
+    } = entrypoint;
+
+    if (isAutoMount) {
+      // generate routes file for file system routes entrypoint.
+      if (fileSystemRoutes) {
+        const initialRoutes = getClientRoutes({
+          entrypoint,
+          srcDirectory,
+          srcAlias: internalSrcAlias,
+          internalDirectory,
+          internalDirAlias
+        });
+        const {
+          routes
+        } = await hookRunners.modifyFileSystemRoutes({
+          entrypoint,
+          routes: initialRoutes
+        });
+        const {
+          code
+        } = await hookRunners.beforeGenerateRoutes({
+          entrypoint,
+          code: templates.fileSystemRoutes({
+            routes
+          })
+        });
+        fs.outputFileSync(path.resolve(internalDirectory, `./${entryName}/${FILE_SYSTEM_ROUTES_FILE_NAME}`), code, 'utf8');
+      } // call modifyEntryImports hook
+
+
+      const {
+        imports: importStatements
+      } = await hookRunners.modifyEntryImports({
+        entrypoint,
+        imports: getDefaultImports({
+          entrypoint,
+          srcDirectory,
+          internalSrcAlias,
+          internalDirAlias,
+          internalDirectory
+        })
+      }); // call modifyEntryRuntimePlugins hook
+
+      const {
+        plugins
+      } = await hookRunners.modifyEntryRuntimePlugins({
+        entrypoint,
+        plugins: []
+      }); // call modifyEntryRenderFunction hook
+
+      const {
+        code: renderFunction
+      } = await hookRunners.modifyEntryRenderFunction({
+        entrypoint,
+        code: templates.renderFunction({
+          plugins,
+          customBootstrap,
+          fileSystemRoutes
+        })
+      }); // call modifyEntryExport hook
+
+      const {
+        exportStatement
+      } = await hookRunners.modifyEntryExport({
+        entrypoint,
+        exportStatement: 'export default AppWrapper;'
+      });
+      const code = templates.index({
+        mountId: mountId,
+        imports: createImportStatements(importStatements),
+        renderFunction,
+        exportStatement
+      });
+      const entryFile = path.resolve(internalDirectory, `./${entryName}/${ENTRY_POINT_FILE_NAME}`);
+      entrypoint.entry = entryFile; // generate entry file.
+
+      if (config.source.enableAsyncEntry) {
+        const {
+          code: asyncEntryCode
+        } = await hookRunners.modifyAsyncEntry({
+          entrypoint,
+          code: `import('./${ENTRY_BOOTSTRAP_FILE_NAME}');`
+        });
+        fs.outputFileSync(entryFile, asyncEntryCode, 'utf8');
+        const bootstrapFile = path.resolve(internalDirectory, `./${entryName}/${ENTRY_BOOTSTRAP_FILE_NAME}`);
+        fs.outputFileSync(bootstrapFile, code, 'utf8');
+      } else {
+        fs.outputFileSync(entryFile, code, 'utf8');
+      }
+    }
+  }
+};