@modern-js/app-tools 1.21.5 → 2.0.0-beta.1

package/CHANGELOG.md

@@ -1,56 +1,324 @@
 # @modern-js/app-tools
 
-## 1.21.5
-
-### Patch Changes
-
-- @modern-js/core@1.21.5
-- @modern-js/plugin-i18n@1.21.5
-- @modern-js/plugin-jarvis@1.21.5
-- @modern-js/webpack@1.21.5
-- @modern-js/new-action@1.21.5
-- @modern-js/prod-server@1.21.5
-- @modern-js/server@1.21.5
-- @modern-js/node-bundle-require@1.21.5
-- @modern-js/plugin@1.21.5
-- @modern-js/types@1.21.5
-- @modern-js/upgrade@1.21.5
-- @modern-js/utils@1.21.5
-
-## 1.21.4
-
-### Patch Changes
-
-- Updated dependencies [0889ab2]
-  - @modern-js/server@1.21.4
-  - @modern-js/core@1.21.4
-  - @modern-js/plugin-i18n@1.21.4
-  - @modern-js/plugin-jarvis@1.21.4
-  - @modern-js/webpack@1.21.4
-  - @modern-js/new-action@1.21.4
-  - @modern-js/prod-server@1.21.4
-  - @modern-js/node-bundle-require@1.21.4
-  - @modern-js/plugin@1.21.4
-  - @modern-js/types@1.21.4
-  - @modern-js/upgrade@1.21.4
-  - @modern-js/utils@1.21.4
-
-## 1.21.3
-
-### Patch Changes
-
-- @modern-js/upgrade@1.21.3
-- @modern-js/new-action@1.21.3
-- @modern-js/core@1.21.3
-- @modern-js/plugin-i18n@1.21.3
-- @modern-js/plugin-jarvis@1.21.3
-- @modern-js/webpack@1.21.3
-- @modern-js/prod-server@1.21.3
-- @modern-js/server@1.21.3
-- @modern-js/node-bundle-require@1.21.3
-- @modern-js/plugin@1.21.3
-- @modern-js/types@1.21.3
-- @modern-js/utils@1.21.3
+## 2.0.0-beta.1
+
+### Major Changes
+
+- dda38c9: chore: v2
+
+### Minor Changes
+
+- edd1cfb1af: feat: modernjs Access builder compiler
+  feat: modernjs 接入 builder 构建
+- 543be9558e: feat: compile server loader and support handle loader request
+  feat: 编译 server loader 并支持处理 loader 的请求
+
+### Patch Changes
+
+- c9f912ca4d: feat(app-tools): improve build logs of dev and build command
+
+  feat(app-tools): 优化 dev 和 build 过程中的日志展示
+
+- 103973cde9: fix: builder tools.webpackChain config args not match the Modernjs tools.webpackChain
+  fix: builder tools.webpackChain 配置传参无法匹配 Modernjs tools.webpackChain
+- 0b2d1ef02b: fix: repeat register `babel-plugin-lodash`
+  fix: 重复注册 `babel-plugin-lodash`
+- 82cef85ed7: fix: specify builder compiler framework
+  fix: 指明 builder 构建时框架
+- 3e57f2b: feat: add document feature with plugin
+
+  feat: 增加 document 功能插件
+
+- 85edee888c: feat(app-tools): support tools.htmlPlugin config
+
+  feat(app-tools): 支持 tools.htmlPlugin 配置项
+
+- 5402fdb: feat(Builder): add output.disableTsChecker config
+
+  feat(Builder): 新增 output.disableTsChecker 配置项
+
+- dc8eeb9cbb: fix: clear distDirectory in prepare hook & inject data loader plugin to server
+  fix: 在 prepare hook 中清理 dist 目录，并且向 server 中注入 data loader plugin
+- cc971eabfc: refactor: move server plugin load logic in `@modern-js/core`
+  refactor：移除在 `@modern-js/core` 中的 server 插件加载逻辑
+- 5b9049f: feat: inject async js chunk when streaming ssr
+  feat: streaming ssr 时, 注入 async 类型的 js chunk
+- d4a4566: chore: rename plugin-jarvis to plugin-lint
+
+  chore: 重命名 plugin-jarvis 为 plugin-lint
+
+- 6bda14ed71: feat: refactor router with react-router@6.4
+
+  feat: 使用 react-router@6.4 重构路由模块
+
+- d36c6ee126: fix(app-tools): failed to run inspect command
+
+  fix(app-tools): 修复运行 inspect 命令失败的问题
+
+- 92004d1: feat: support load chunks parallelly
+  feat: 支持并行加载 chunks
+- b8bbe036c7: feat: change type logic
+  feat: 修改类型相关的逻辑
+- 40ed587: feat: inject css chunk into html for streaming ssr
+  feat: streaming ssr 返回的 html 注入 css chunk
+- af4422d: feat(builder): complete utils of tools.webpack
+
+  feat(builder): 补全 tools.webpack 提供的 utils 方法
+
+- 87c1ff8: feat(app-tools): attach builder instance to appContext
+
+  feat(app-tools): 将 builder 实例挂载到 appContext 上
+
+- c258e34202: fix: add builder hooks `beforeBuild` params
+  fix: 新增 builder hooks `beforeBuild` 的参数
+- 8b8e1bb571: feat: support nested routes
+  feat: 支持嵌套路由
+- 7de97ae: fix: `deploy` command has't load `builder` instance
+  fix: `deploy` 命令没有加载 builder 实例
+- c3b7de4: fix(app-tools): dev.assetPrefix not work
+
+  fix(app-tools): 修复 dev.assetPrefix 配置项不生效的问题
+
+- 92004d1: fix: use loadable lazy instead of loadable
+  fix: 使用 loadable lazy 组件替代 loadable
+- c677befc22: fix(app-tools): compat legacy resolve behavior
+
+  fix(app-tools): 兼容旧版本 node_modules 解析逻辑
+
+- 3f7cde5caa: fix: builder plugin setup can't get config
+  fix: builder 插件在 setup 阶段无法拿到 config
+- 99213e4bae: fix: process does't exit when exec command
+  fix: 修复执行命令时进程未退出的问题
+- b16fd96: fix: `modern-js/app-tools` pass error config to builder.
+  fix: `modern-js/app-tools` 传递错误的 config 给 builder.
+- 7eefedd7ca: fix: add html-webpack-plugin `__internal__` options, for bottom template
+  fix: 为了 bottom template, 增加 `html-webpack-plugin` `__internal__` 配置项，
+- 14b712d: fix: use consistent alias type and default value across packages
+
+  fix: 在各个包中使用一致的 alias 类型定义和默认值
+
+- Updated dependencies [c9f912ca4d]
+- Updated dependencies [95be7cc49c]
+- Updated dependencies [e439457a51]
+- Updated dependencies [4d1545f8c0]
+- Updated dependencies [2bc090c089]
+- Updated dependencies [f96a725211]
+- Updated dependencies [828f42f9ce]
+- Updated dependencies [c745686]
+- Updated dependencies [c9e800d39a]
+- Updated dependencies [0ff846f]
+- Updated dependencies [57077b2]
+- Updated dependencies [d032d49]
+- Updated dependencies [2ff6167]
+- Updated dependencies [287f298990]
+- Updated dependencies [15bf09d9c8]
+- Updated dependencies [423188db70]
+- Updated dependencies [fd2d652]
+- Updated dependencies [0c2d8dae31]
+- Updated dependencies [2edad29]
+- Updated dependencies [85edee888c]
+- Updated dependencies [a2509bfbdb]
+- Updated dependencies [3998875791]
+- Updated dependencies [3998875791]
+- Updated dependencies [ba86b8b711]
+- Updated dependencies [61f21d1e77]
+- Updated dependencies [5402fdb]
+- Updated dependencies [2ae58176fe]
+- Updated dependencies [92f0ead]
+- Updated dependencies [edd1cfb1af]
+- Updated dependencies [5d67c26]
+- Updated dependencies [cc971eabfc]
+- Updated dependencies [5b9049f]
+- Updated dependencies [d4a4566]
+- Updated dependencies [18360a38d7]
+- Updated dependencies [6bda14ed71]
+- Updated dependencies [0b314e6946]
+- Updated dependencies [92004d1]
+- Updated dependencies [b8bbe036c7]
+- Updated dependencies [40ed587]
+- Updated dependencies [af4422d]
+- Updated dependencies [87c1ff8]
+- Updated dependencies [d5a31df781]
+- Updated dependencies [dda38c9]
+- Updated dependencies [102d32e4ba]
+- Updated dependencies [c258e34202]
+- Updated dependencies [7248342e4d]
+- Updated dependencies [568eab1e42]
+- Updated dependencies [8b8e1bb571]
+- Updated dependencies [3bbea92b2a]
+- Updated dependencies [ae71096d45]
+- Updated dependencies [73cd29dd9f]
+- Updated dependencies [a23010138d]
+- Updated dependencies [75d1b2657c]
+- Updated dependencies [18aaf42]
+- Updated dependencies [f179749]
+- Updated dependencies [3fae2d0]
+- Updated dependencies [8a6d45f]
+- Updated dependencies [ebbeed1]
+- Updated dependencies [90e2879520]
+- Updated dependencies [df41d71]
+- Updated dependencies [f727e5c6cc]
+- Updated dependencies [5e3cecd523]
+- Updated dependencies [abf3421]
+- Updated dependencies [da2d1fc3c2]
+- Updated dependencies [543be9558e]
+- Updated dependencies [14b712d]
+  - @modern-js/builder-webpack-provider@2.0.0-beta.1
+  - @modern-js/builder-shared@2.0.0-beta.1
+  - @modern-js/core@2.0.0-beta.1
+  - @modern-js/prod-server@2.0.0-beta.1
+  - @modern-js/builder-plugin-esbuild@2.0.0-beta.1
+  - @modern-js/server@2.0.0-beta.1
+  - @modern-js/node-bundle-require@2.0.0-beta.1
+  - @modern-js/utils@2.0.0-beta.1
+  - @modern-js/builder-plugin-node-polyfill@2.0.0-beta.1
+  - @modern-js/types@2.0.0-beta.1
+  - @modern-js/plugin-lint@2.0.0-beta.1
+  - @modern-js/plugin@2.0.0-beta.1
+  - @modern-js/builder@2.0.0-beta.1
+  - @modern-js/plugin-data-loader@2.0.0-beta.1
+  - @modern-js/plugin-i18n@2.0.0-beta.1
+  - @modern-js/new-action@2.0.0-beta.1
+  - @modern-js/upgrade@2.0.0-beta.1
+
+## 2.0.0-beta.0
+
+### Major Changes
+
+- dda38c9: chore: v2
+
+### Minor Changes
+
+- edd1cfb1a: feat: modernjs Access builder compiler
+  feat: modernjs 接入 builder 构建
+- 543be95: feat: compile server loader and support handle loader request
+  feat: 编译 server loader 并支持处理 loader 的请求
+
+### Patch Changes
+
+- c9f912c: feat(app-tools): improve build logs of dev and build command
+
+  feat(app-tools): 优化 dev 和 build 过程中的日志展示
+
+- 103973c: fix: builder tools.webpackChain config args not match the Modernjs tools.webpackChain
+  fix: builder tools.webpackChain 配置传参无法匹配 Modernjs tools.webpackChain
+- 0b2d1ef: fix: repeat register `babel-plugin-lodash`
+  fix: 重复注册 `babel-plugin-lodash`
+- 82cef85: fix: specify builder compiler framework
+  fix: 指明 builder 构建时框架
+- 85edee8: feat(app-tools): support tools.htmlPlugin config
+
+  feat(app-tools): 支持 tools.htmlPlugin 配置项
+
+- dc8eeb9: fix: clear distDirectory in prepare hook & inject data loader plugin to server
+  fix: 在 prepare hook 中清理 dist 目录，并且向 server 中注入 data loader plugin
+- cc971eabf: refactor: move server plugin load logic in `@modern-js/core`
+  refactor：移除在 `@modern-js/core` 中的 server 插件加载逻辑
+- 5b9049f: feat: inject async js chunk when streaming ssr
+  feat: streaming ssr 时, 注入 async 类型的 js chunk
+- 6bda14ed7: feat: refactor router with react-router@6.4
+
+  feat: 使用 react-router@6.4 重构路由模块
+
+- d36c6ee: fix(app-tools): failed to run inspect command
+
+  fix(app-tools): 修复运行 inspect 命令失败的问题
+
+- b8bbe036c: feat: change type logic
+  feat: 修改类型相关的逻辑
+- af4422d: feat(builder): complete utils of tools.webpack
+
+  feat(builder): 补全 tools.webpack 提供的 utils 方法
+
+- c258e34: fix: add builder hooks `beforeBuild` params
+  fix: 新增 builder hooks `beforeBuild` 的参数
+- 8b8e1bb57: feat: support nested routes
+  feat: 支持嵌套路由
+- c677bef: fix(app-tools): compat legacy resolve behavior
+
+  fix(app-tools): 兼容旧版本 node_modules 解析逻辑
+
+- 3f7cde5: fix: builder plugin setup can't get config
+  fix: builder 插件在 setup 阶段无法拿到 config
+- 99213e4: fix: process does't exit when exec command
+  fix: 修复执行命令时进程未退出的问题
+- b16fd96: fix: `modern-js/app-tools` pass error config to builder.
+  fix: `modern-js/app-tools` 传递错误的 config 给 builder.
+- 7eefedd: fix: add html-webpack-plugin `__internal__` options, for bottom template
+  fix: 为了 bottom template, 增加 `html-webpack-plugin` `__internal__` 配置项，
+- 14b712d: fix: use consistent alias type and default value across packages
+
+  fix: 在各个包中使用一致的 alias 类型定义和默认值
+
+- Updated dependencies [c9f912c]
+- Updated dependencies [95be7cc49]
+- Updated dependencies [e439457a5]
+- Updated dependencies [4d1545f]
+- Updated dependencies [2bc090c08]
+- Updated dependencies [f96a725]
+- Updated dependencies [828f42f9c]
+- Updated dependencies [c745686]
+- Updated dependencies [c9e800d39]
+- Updated dependencies [0ff846f]
+- Updated dependencies [57077b2]
+- Updated dependencies [287f29899]
+- Updated dependencies [15bf09d9c]
+- Updated dependencies [423188db7]
+- Updated dependencies [fd2d652]
+- Updated dependencies [0c2d8dae3]
+- Updated dependencies [85edee8]
+- Updated dependencies [a2509bf]
+- Updated dependencies [399887579]
+- Updated dependencies [399887579]
+- Updated dependencies [ba86b8b]
+- Updated dependencies [61f21d1e7]
+- Updated dependencies [2ae58176f]
+- Updated dependencies [edd1cfb1a]
+- Updated dependencies [5d67c26]
+- Updated dependencies [cc971eabf]
+- Updated dependencies [5b9049f]
+- Updated dependencies [18360a38d]
+- Updated dependencies [6bda14ed7]
+- Updated dependencies [0b314e694]
+- Updated dependencies [b8bbe036c]
+- Updated dependencies [af4422d]
+- Updated dependencies [d5a31df78]
+- Updated dependencies [dda38c9]
+- Updated dependencies [102d32e4b]
+- Updated dependencies [c258e34]
+- Updated dependencies [7248342e4]
+- Updated dependencies [568eab1e4]
+- Updated dependencies [8b8e1bb57]
+- Updated dependencies [3bbea92b2]
+- Updated dependencies [ae71096d4]
+- Updated dependencies [73cd29dd9]
+- Updated dependencies [a23010138]
+- Updated dependencies [75d1b2657]
+- Updated dependencies [8a6d45f]
+- Updated dependencies [90e2879]
+- Updated dependencies [f727e5c6c]
+- Updated dependencies [5e3cecd52]
+- Updated dependencies [abf3421]
+- Updated dependencies [da2d1fc3c]
+- Updated dependencies [543be95]
+- Updated dependencies [14b712d]
+  - @modern-js/builder-webpack-provider@2.0.0-beta.0
+  - @modern-js/builder-shared@2.0.0-beta.0
+  - @modern-js/core@2.0.0-beta.0
+  - @modern-js/prod-server@2.0.0-beta.0
+  - @modern-js/builder-plugin-esbuild@2.0.0-beta.0
+  - @modern-js/server@2.0.0-beta.0
+  - @modern-js/node-bundle-require@2.0.0-beta.0
+  - @modern-js/builder-plugin-node-polyfill@2.0.0-beta.0
+  - @modern-js/utils@2.0.0-beta.0
+  - @modern-js/types@2.0.0-beta.0
+  - @modern-js/plugin@2.0.0-beta.0
+  - @modern-js/builder@2.0.0-beta.0
+  - @modern-js/plugin-data-loader@2.0.0-beta.0
+  - @modern-js/plugin-i18n@2.0.0-beta.0
+  - @modern-js/plugin-jarvis@2.0.0-beta.0
+  - @modern-js/new-action@2.0.0-beta.0
+  - @modern-js/upgrade@2.0.0-beta.0
 
 ## 1.21.2
 

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

@@ -2,6 +2,7 @@ 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 NESTED_ROUTES_DIR = 'routes';
 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';

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

@@ -1,14 +1,16 @@
 import path from 'path';
-import { fs } from '@modern-js/utils';
+import { fs, logger } from '@modern-js/utils';
+import { useResolvedConfigContext } from '@modern-js/core';
+import esbuild from 'esbuild';
+import { getCommand } from "../utils/commands";
 import * as templates from "./templates";
-import { getClientRoutes } from "./getClientRoutes";
+import { getClientRoutes, getClientRoutesLegacy } from "./getClientRoutes";
 import { FILE_SYSTEM_ROUTES_FILE_NAME, ENTRY_POINT_FILE_NAME, ENTRY_BOOTSTRAP_FILE_NAME } from "./constants";
 import { getDefaultImports } from "./utils";
-
+import { walk } from "./nestedRoutes";
 const createImportSpecifier = specifiers => {
   let defaults = '';
   const named = [];
-
   for (const {
     local,
     imported
@@ -21,7 +23,6 @@ const createImportSpecifier = specifiers => {
       named.push(imported);
     }
   }
-
   if (defaults && named.length) {
     return `${defaults}, { ${named.join(', ')} }`;
   } else if (defaults) {
@@ -30,12 +31,10 @@ const createImportSpecifier = specifiers => {
     return `{ ${named.join(', ')} }`;
   }
 };
-
 export const createImportStatements = statements => {
   // merge import statements with the same value.
   const deDuplicated = [];
   const seen = new Map();
-
   for (const {
     value,
     specifiers,
@@ -50,71 +49,162 @@ export const createImportStatements = statements => {
       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
-
+      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');
 };
+const buildLoader = async (entry, outfile) => {
+  const loader = {
+    '.js': 'jsx',
+    '.ts': 'tsx'
+  };
+  const EXTERNAL_REGEXP = /^[^./]|^\.[^./]|^\.\.[^/]/;
+  const command = getCommand();
+  await esbuild.build({
+    format: 'cjs',
+    platform: 'node',
+    target: 'esnext',
+    loader,
+    watch: command === 'dev' && {},
+    bundle: true,
+    logLevel: 'error',
+    entryPoints: [entry],
+    outfile,
+    plugins: [{
+      name: 'make-all-packages-external',
+      setup(build) {
+        // https://github.com/evanw/esbuild/issues/619#issuecomment-751995294
+        build.onResolve({
+          filter: EXTERNAL_REGEXP
+        }, args => {
+          let external = true;
+          // FIXME: windows external entrypoint
+          if (args.kind === 'entry-point') {
+            external = false;
+          }
+          return {
+            path: args.path,
+            external
+          };
+        });
+      }
+    }]
+  });
+};
 export const generateCode = async (appContext, config, entrypoints, api) => {
+  var _config$runtime, _config$runtime$route;
   const {
     internalDirectory,
+    distDirectory,
     srcDirectory,
     internalDirAlias,
     internalSrcAlias
   } = appContext;
   const hookRunners = api.useHookRunners();
+  const islegacy = Boolean(config === null || config === void 0 ? void 0 : (_config$runtime = config.runtime) === null || _config$runtime === void 0 ? void 0 : (_config$runtime$route = _config$runtime.router) === null || _config$runtime$route === void 0 ? void 0 : _config$runtime$route.legacy);
   const {
-    output: {
-      mountId
-    }
-  } = config;
-
-  for (const entrypoint of entrypoints) {
+    mountId
+  } = config.output;
+  const getRoutes = islegacy ? getClientRoutesLegacy : getClientRoutes;
+  await Promise.all(entrypoints.map(generateEntryCode));
+  async function generateEntryCode(entrypoint) {
     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
-        });
+        let initialRoutes = [];
+        let nestedRoute = null;
+        if (entrypoint.entry) {
+          initialRoutes = getRoutes({
+            entrypoint,
+            srcDirectory,
+            srcAlias: internalSrcAlias,
+            internalDirectory,
+            internalDirAlias
+          });
+        }
+        if (entrypoint.nestedRoutesEntry) {
+          if (!islegacy) {
+            nestedRoute = await walk(entrypoint.nestedRoutesEntry, entrypoint.nestedRoutesEntry, {
+              name: internalSrcAlias,
+              basename: srcDirectory
+            }, entrypoint.entryName);
+            if (nestedRoute) {
+              initialRoutes.unshift(nestedRoute);
+            }
+          } else {
+            logger.error('Nested routes is not supported in legacy mode.');
+            // eslint-disable-next-line no-process-exit
+            process.exit(1);
+          }
+        }
         const {
           routes
         } = await hookRunners.modifyFileSystemRoutes({
           entrypoint,
           routes: initialRoutes
         });
+        const config = useResolvedConfigContext();
+        const ssr = config === null || config === void 0 ? void 0 : config.server.ssr;
+        let mode;
+        if (ssr) {
+          mode = typeof ssr === 'object' ? ssr.mode || 'string' : 'string';
+        } else {
+          mode = false;
+        }
+        if (mode === 'stream') {
+          const hasPageRoute = routes.some(route => 'type' in route && route.type === 'page');
+          if (hasPageRoute) {
+            logger.error('streaming ssr is not supported when pages dir exists');
+            // eslint-disable-next-line no-process-exit
+            process.exit(1);
+          }
+        }
         const {
           code
         } = await hookRunners.beforeGenerateRoutes({
           entrypoint,
           code: templates.fileSystemRoutes({
-            routes
+            routes,
+            ssrMode: mode,
+            nestedRoutesEntry: entrypoint.nestedRoutesEntry,
+            entryName: entrypoint.entryName
           })
         });
-        fs.outputFileSync(path.resolve(internalDirectory, `./${entryName}/${FILE_SYSTEM_ROUTES_FILE_NAME}`), code, 'utf8');
-      } // call modifyEntryImports hook
 
+        // extract nested router loaders
+        if (entrypoint.nestedRoutesEntry) {
+          const routesServerFile = path.join(internalDirectory, entryName, 'routes.server.js');
+          const outputRoutesServerFile = path.join(distDirectory, 'loader-routes', entryName, 'index.js');
+          const code = templates.routesForServer({
+            routes: routes,
+            alias: {
+              name: internalSrcAlias,
+              basename: srcDirectory
+            }
+          });
+          await fs.ensureFile(routesServerFile);
+          await fs.writeFile(routesServerFile, code);
+          await buildLoader(routesServerFile, outputRoutesServerFile);
+        }
+        fs.outputFileSync(path.resolve(internalDirectory, `./${entryName}/${FILE_SYSTEM_ROUTES_FILE_NAME}`), code, 'utf8');
+      }
 
+      // call modifyEntryImports hook
       const {
         imports: importStatements
       } = await hookRunners.modifyEntryImports({
@@ -126,15 +216,17 @@ export const generateCode = async (appContext, config, entrypoints, api) => {
           internalDirAlias,
           internalDirectory
         })
-      }); // call modifyEntryRuntimePlugins hook
+      });
 
+      // call modifyEntryRuntimePlugins hook
       const {
         plugins
       } = await hookRunners.modifyEntryRuntimePlugins({
         entrypoint,
         plugins: []
-      }); // call modifyEntryRenderFunction hook
+      });
 
+      // call modifyEntryRenderFunction hook
       const {
         code: renderFunction
       } = await hookRunners.modifyEntryRenderFunction({
@@ -144,8 +236,9 @@ export const generateCode = async (appContext, config, entrypoints, api) => {
           customBootstrap,
           fileSystemRoutes
         })
-      }); // call modifyEntryExport hook
+      });
 
+      // call modifyEntryExport hook
       const {
         exportStatement
       } = await hookRunners.modifyEntryExport({
@@ -159,8 +252,9 @@ export const generateCode = async (appContext, config, entrypoints, api) => {
         exportStatement
       });
       const entryFile = path.resolve(internalDirectory, `./${entryName}/${ENTRY_POINT_FILE_NAME}`);
-      entrypoint.entry = entryFile; // generate entry file.
+      entrypoint.entry = entryFile;
 
+      // generate entry file.
       if (config.source.enableAsyncEntry) {
         const {
           code: asyncEntryCode