@modern-js/app-tools 2.10.1-alpha.0 → 2.11.1-alpha.0

package/dist/js/modern/builder/{builderPlugins/compatModern.js → shared/builderPlugins/adapterModern.js}

@@ -17,22 +17,35 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { join } from "path";
 import {
   mergeBuilderConfig
 } from "@modern-js/builder-shared";
-import { template as lodashTemplate } from "@modern-js/utils/lodash";
-import HtmlWebpackPlugin from "@modern-js/builder-webpack-provider/html-webpack-plugin";
 import { getEntryOptions } from "@modern-js/utils";
-import { BottomTemplatePlugin } from "../webpackPlugins/htmlBottomTemplate";
-import { HtmlAsyncChunkPlugin } from "../webpackPlugins/htmlAsyncChunkPlugin";
-import { createCopyPattern } from "../share";
-import RouterPlugin from "../webpackPlugins/routerPlugin";
-const PluginCompatModern = (appContext, modernConfig, options) => ({
-  name: "builder-plugin-compat-modern",
+import HtmlWebpackPlugin from "@modern-js/builder-webpack-provider/html-webpack-plugin";
+import { template as lodashTemplate } from "@modern-js/utils/lodash";
+import { HtmlAsyncChunkPlugin } from "../bundlerPlugins/HtmlAsyncChunkPlugin";
+import { BottomTemplatePlugin } from "../bundlerPlugins/HtmlBottomTemplate";
+const isStreamingSSR = (userConfig) => {
+  const isStreaming = (ssr) => ssr && typeof ssr === "object" && ssr.mode === "stream";
+  const { server } = userConfig;
+  if (isStreaming(server.ssr)) {
+    return true;
+  }
+  if ((server == null ? void 0 : server.ssrByEntries) && typeof server.ssrByEntries === "object") {
+    for (const name of Object.keys(server.ssrByEntries)) {
+      if (isStreaming(server.ssrByEntries[name])) {
+        return true;
+      }
+    }
+  }
+  return false;
+};
+const builderPluginAdapterModern = (options) => ({
+  name: "builder-plugin-adapter-modern",
   setup(api) {
+    const { normalizedConfig, appContext } = options;
     api.modifyBuilderConfig((config) => {
-      if (isStreamingSSR(modernConfig)) {
+      if (isStreamingSSR(normalizedConfig)) {
         return mergeBuilderConfig(config, {
           html: {
             inject: "body"
@@ -41,71 +54,46 @@ const PluginCompatModern = (appContext, modernConfig, options) => ({
       }
       return config;
     });
-    api.modifyWebpackChain((chain, { target, CHAIN_ID, isProd }) => {
-      var _a;
-      const builderNormalizedConfig = api.getNormalizedConfig();
+    api.modifyBundlerChain((chain, { target, CHAIN_ID, isProd }) => {
+      const builderConfig = api.getNormalizedConfig();
       if (target === "node") {
         chain.name("server");
+      } else if (target === "service-worker") {
+        chain.name("service-worker");
+      } else if (target === "web-worker") {
+        chain.name("worker");
       } else if (target === "modern-web") {
         chain.name("modern");
       } else {
         chain.name("client");
       }
-      chain.resolve.modules.add("node_modules").add(join(api.context.rootPath, "node_modules"));
-      if (target === "node") {
-        applyNodeCompat(chain, modernConfig, isProd);
+      if (target === "node" || target === "service-worker") {
+        applyNodeCompat(target, chain, normalizedConfig, isProd);
       }
-      if (isHtmlEnabled(builderNormalizedConfig, target)) {
-        applyBottomHtmlWebpackPlugin({
+      if (isHtmlEnabled(builderConfig, target)) {
+        applyBottomHtmlPlugin({
           api,
           chain,
-          CHAIN_ID,
+          modernConfig: normalizedConfig,
           appContext,
-          modernConfig
+          CHAIN_ID
         });
         applyAsyncChunkHtmlPlugin({
           chain,
-          CHAIN_ID,
-          modernConfig
+          modernConfig: normalizedConfig,
+          CHAIN_ID
         });
       }
-      if (chain.plugins.has(CHAIN_ID.PLUGIN.COPY)) {
-        const defaultCopyPattern = createCopyPattern(
-          appContext,
-          modernConfig,
-          "public",
-          chain
-        );
-        chain.plugin(CHAIN_ID.PLUGIN.COPY).tap((args) => {
-          var _a2;
-          return [
-            {
-              patterns: [...((_a2 = args[0]) == null ? void 0 : _a2.patterns) || [], defaultCopyPattern]
-            }
-          ];
-        });
-      }
-      const { entrypoints } = appContext;
-      const existNestedRoutes = entrypoints.some(
-        (entrypoint) => entrypoint.nestedRoutesEntry
-      );
-      const routerConfig = (_a = modernConfig == null ? void 0 : modernConfig.runtime) == null ? void 0 : _a.router;
-      const routerManifest = Boolean(routerConfig == null ? void 0 : routerConfig.manifest);
-      if (existNestedRoutes || routerManifest) {
-        chain.plugin("route-plugin").use(RouterPlugin);
-      }
-      if (target !== "node") {
+      if (target !== "node" && target !== "web-worker" && target !== "service-worker") {
         const bareServerModuleReg = /\.(server|node)\.[tj]sx?$/;
         chain.module.rule(CHAIN_ID.RULE.JS).exclude.add(bareServerModuleReg);
         chain.module.rule("bare-server-module").test(bareServerModuleReg).use("server-module-loader").loader(require.resolve("../loaders/serverModuleLoader"));
       }
-      function isHtmlEnabled(config, target2) {
-        var _a2;
-        return ((_a2 = config.tools) == null ? void 0 : _a2.htmlPlugin) !== false && target2 !== "node" && target2 !== "web-worker";
-      }
     });
-    if (options) {
-      applyCallbacks(api, options);
+    applyCallbacks(api, options);
+    function isHtmlEnabled(config, target) {
+      var _a;
+      return ((_a = config.tools) == null ? void 0 : _a.htmlPlugin) !== false && target !== "node" && target !== "service-worker" && target !== "web-worker";
     }
   }
 });
@@ -119,8 +107,51 @@ function applyCallbacks(api, options) {
   options.onDevCompileDone && api.onDevCompileDone(options.onDevCompileDone);
   options.onExit && api.onExit(options.onExit);
 }
-function applyNodeCompat(chain, modernConfig, isProd) {
-  for (const ext of [
+function applyBottomHtmlPlugin({
+  api,
+  chain,
+  modernConfig,
+  appContext,
+  CHAIN_ID
+}) {
+  for (const entryName of Object.keys(api.context.entry)) {
+    const baseTemplateParams = __spreadValues({
+      entryName,
+      title: getEntryOptions(
+        entryName,
+        modernConfig.html.title,
+        modernConfig.html.titleByEntries,
+        appContext.packageName
+      ),
+      mountId: modernConfig.html.mountId
+    }, getEntryOptions(
+      entryName,
+      modernConfig.html.templateParameters,
+      modernConfig.html.templateParametersByEntries,
+      appContext.packageName
+    ));
+    chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).tap((args) => [
+      __spreadProps(__spreadValues({}, args[0] || {}), {
+        __internal__: true,
+        bottomTemplate: appContext.htmlTemplates[`__${entryName}-bottom__`] && lodashTemplate(appContext.htmlTemplates[`__${entryName}-bottom__`])(
+          baseTemplateParams
+        )
+      })
+    ]);
+  }
+  chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [HtmlWebpackPlugin]);
+}
+function applyAsyncChunkHtmlPlugin({
+  chain,
+  modernConfig,
+  CHAIN_ID
+}) {
+  if (isStreamingSSR(modernConfig)) {
+    chain.plugin(CHAIN_ID.PLUGIN.HTML_ASYNC_CHUNK).use(HtmlAsyncChunkPlugin, [HtmlWebpackPlugin]);
+  }
+}
+function applyNodeCompat(target, chain, modernConfig, isProd) {
+  const nodeExts = [
     ".node.js",
     ".node.jsx",
     ".node.ts",
@@ -129,9 +160,21 @@ function applyNodeCompat(chain, modernConfig, isProd) {
     ".server.ts",
     ".server.ts",
     ".server.tsx"
-  ]) {
+  ];
+  const webWorkerExts = [
+    ".worker.js",
+    ".worker.jsx",
+    ".worker.ts",
+    ".worker.tsx"
+  ];
+  for (const ext of nodeExts) {
     chain.resolve.extensions.prepend(ext);
   }
+  if (target === "service-worker") {
+    for (const ext of webWorkerExts) {
+      chain.resolve.extensions.prepend(ext);
+    }
+  }
   filterEntriesBySSRConfig(
     isProd,
     chain,
@@ -170,64 +213,7 @@ function applyNodeCompat(chain, modernConfig, isProd) {
     });
   }
 }
-function applyBottomHtmlWebpackPlugin({
-  api,
-  chain,
-  modernConfig,
-  appContext,
-  CHAIN_ID
-}) {
-  for (const entryName of Object.keys(api.context.entry)) {
-    const baseTemplateParams = __spreadValues({
-      entryName,
-      title: getEntryOptions(
-        entryName,
-        modernConfig.html.title,
-        modernConfig.html.titleByEntries,
-        appContext.packageName
-      ),
-      mountId: modernConfig.html.mountId
-    }, getEntryOptions(
-      entryName,
-      modernConfig.html.templateParameters,
-      modernConfig.html.templateParametersByEntries,
-      appContext.packageName
-    ));
-    chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).tap((args) => [
-      __spreadProps(__spreadValues({}, args[0] || {}), {
-        __internal__: true,
-        bottomTemplate: appContext.htmlTemplates[`__${entryName}-bottom__`] && lodashTemplate(appContext.htmlTemplates[`__${entryName}-bottom__`])(
-          baseTemplateParams
-        )
-      })
-    ]);
-  }
-  chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [HtmlWebpackPlugin]);
-}
-const isStreamingSSR = (userConfig) => {
-  const isStreaming = (ssr) => ssr && typeof ssr === "object" && ssr.mode === "stream";
-  const { server } = userConfig;
-  if (isStreaming(server.ssr)) {
-    return true;
-  }
-  if ((server == null ? void 0 : server.ssrByEntries) && typeof server.ssrByEntries === "object") {
-    for (const name of Object.keys(server.ssrByEntries)) {
-      if (isStreaming(server.ssrByEntries[name])) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-function applyAsyncChunkHtmlPlugin({
-  chain,
-  modernConfig,
-  CHAIN_ID
-}) {
-  if (isStreamingSSR(modernConfig)) {
-    chain.plugin(CHAIN_ID.PLUGIN.HTML_ASYNC_CHUNK).use(HtmlAsyncChunkPlugin, [HtmlWebpackPlugin]);
-  }
-}
 export {
-  PluginCompatModern
+  applyCallbacks,
+  builderPluginAdapterModern
 };

package/dist/js/modern/builder/shared/bundlerPlugins/HtmlAsyncChunkPlugin.js

@@ -0,0 +1,27 @@
+class HtmlAsyncChunkPlugin {
+  constructor(htmlWebpackPlugin) {
+    this.name = "HtmlAsyncChunkPlugin";
+    this.htmlWebpackPlugin = htmlWebpackPlugin;
+  }
+  apply(compiler) {
+    compiler.hooks.compilation.tap(this.name, (compilation) => {
+      const hooks = this.htmlWebpackPlugin.getHooks(compilation);
+      hooks.alterAssetTagGroups.tap(this.name, (assets) => {
+        const tags = [...assets.headTags, ...assets.bodyTags];
+        for (const tag of tags) {
+          if (tag.tagName === "script") {
+            const { attributes } = tag;
+            if (attributes && attributes.defer === true) {
+              attributes.async = true;
+              delete attributes.defer;
+            }
+          }
+        }
+        return assets;
+      });
+    });
+  }
+}
+export {
+  HtmlAsyncChunkPlugin
+};

package/dist/js/modern/builder/shared/bundlerPlugins/HtmlBottomTemplate.js

@@ -0,0 +1,34 @@
+class BottomTemplatePlugin {
+  constructor(htmlWebpackPlugin) {
+    this.bottomTemplateReg = /<!--<\?-\s*bottomTemplate\s*\?>-->/;
+    this.bodyRegExp = /(<\/\s*body\s*>)/i;
+    this.htmlWebpackPlugin = htmlWebpackPlugin;
+    this.name = "bottom-template";
+  }
+  apply(compiler) {
+    compiler.hooks.compilation.tap(this.name, (compilation) => {
+      this.htmlWebpackPlugin.getHooks(compilation).beforeEmit.tap(this.name, (data) => {
+        var _a;
+        if (!((_a = data.plugin.options) == null ? void 0 : _a.__internal__)) {
+          return data;
+        }
+        if (this.bottomTemplateReg.test(data.html)) {
+          data.html = data.html.replace(this.bottomTemplateReg, "");
+          const { bottomTemplate } = data.plugin.options;
+          if (bottomTemplate) {
+            data.html = data.html.replace(
+              this.bodyRegExp,
+              (match) => `
+${bottomTemplate}
+${match}`
+            );
+          }
+        }
+        return data;
+      });
+    });
+  }
+}
+export {
+  BottomTemplatePlugin
+};

package/dist/js/modern/builder/shared/index.js

@@ -0,0 +1,3 @@
+export * from "./createCopyPattern";
+export * from "./types";
+export * from "./builderPlugins/adapterModern";

package/dist/js/modern/config/default.js

@@ -18,12 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { createDefaultConfig as createDefaultBuilderConfig } from "@modern-js/builder-webpack-provider";
-function createDefaultConfig(appContext) {
+function createDefaultConfig(appContext, bundler) {
   const defaultBuilderConfig = createDefaultBuilderConfig();
   const dev = __spreadProps(__spreadValues({}, defaultBuilderConfig.dev), {
     port: void 0
   });
-  const tools = __spreadValues({}, defaultBuilderConfig.tools);
   const output = __spreadProps(__spreadValues({}, defaultBuilderConfig.output), {
     disableNodePolyfill: true
   });
@@ -61,6 +60,7 @@ function createDefaultConfig(appContext) {
     baseUrl: "/",
     port: 8080
   };
+  const tools = bundler === "webpack" ? __spreadValues({}, defaultBuilderConfig.tools) : void 0;
   return {
     source,
     output,

package/dist/js/modern/config/index.js

@@ -1,8 +1,3 @@
-import { createDefaultConfig, createLegacyDefaultConfig } from "./default";
-import { initialNormalizedConfig, checkIsLegacyConfig } from "./initial";
-export {
-  checkIsLegacyConfig,
-  createDefaultConfig,
-  createLegacyDefaultConfig,
-  initialNormalizedConfig
-};
+export * from "./legacy";
+export * from "./initialize";
+export * from "./default";

package/dist/js/modern/config/initialize/index.js

@@ -0,0 +1,12 @@
+import { initHtmlConfig, initSourceConfig, initToolsConfig } from "./inits";
+function initialNormalizedConfig(config, appContext, bundler) {
+  initHtmlConfig(config, appContext);
+  initSourceConfig(config, appContext, bundler);
+  if (bundler === "webpack") {
+    initToolsConfig(config);
+  }
+  return config;
+}
+export {
+  initialNormalizedConfig
+};

package/dist/js/modern/config/{initial → initialize}/inits.js

@@ -59,10 +59,12 @@ function initHtmlConfig(config, appContext) {
     return favicon || defaultFavicon || void 0;
   }
 }
-function initSourceConfig(config, appContext) {
+function initSourceConfig(config, appContext, bundler) {
   config.source.include = createBuilderInclude(config, appContext);
-  config.source.moduleScopes = createBuilderModuleScope(config);
   config.source.globalVars = createBuilderGlobalVars(config, appContext);
+  if (bundler === "webpack") {
+    config.source.moduleScopes = createBuilderModuleScope(config);
+  }
   function createBuilderGlobalVars(config2, appContext2) {
     const { globalVars = {} } = config2.source;
     const publicEnv = getAutoInjectEnv(appContext2);

package/dist/js/modern/config/{initial/transformNormalizedConfig.js → legacy/index.js}

@@ -42,6 +42,10 @@ function transformNormalizedConfig(config) {
     }
   };
 }
+function checkIsLegacyConfig(config) {
+  return Boolean(config.legacy);
+}
 export {
+  checkIsLegacyConfig,
   transformNormalizedConfig
 };

package/dist/js/modern/index.js

@@ -103,7 +103,9 @@ const buildCommand = (program, api) => __async(void 0, null, function* () {
     }
   }
 });
-var src_default = () => ({
+var src_default = (options = {
+  bundler: "webpack"
+}) => ({
   name: "@modern-js/app-tools",
   post: [
     "@modern-js/plugin-initialize",
@@ -116,7 +118,15 @@ var src_default = () => ({
     "@modern-js/plugin-polyfill"
   ],
   registerHook: hooks,
-  usePlugins: [initializePlugin(), analyzePlugin(), lintPlugin()],
+  usePlugins: [
+    initializePlugin({
+      bundler: (options == null ? void 0 : options.bundler) === "experimental-rspack" ? "rspack" : "webpack"
+    }),
+    analyzePlugin({
+      bundler: (options == null ? void 0 : options.bundler) === "experimental-rspack" ? "rspack" : "webpack"
+    }),
+    lintPlugin()
+  ],
   setup: (api) => {
     const locale = getLocaleLanguage();
     i18n.changeLanguage({ locale });
@@ -135,19 +145,19 @@ var src_default = () => ({
           program.command("deploy").usage("[options]").option(
             "-c --config <config>",
             i18n.t(localeKeys.command.shared.config)
-          ).description(i18n.t(localeKeys.command.deploy.describe)).action((options) => __async(this, null, function* () {
+          ).description(i18n.t(localeKeys.command.deploy.describe)).action((options2) => __async(this, null, function* () {
             const { build } = yield import("./commands/build");
             yield build(api);
             const { deploy } = yield import("./commands/deploy");
-            yield deploy(api, options);
+            yield deploy(api, options2);
             process.exit(0);
           }));
           program.command("new").usage("[options]").description(i18n.t(localeKeys.command.new.describe)).option("--lang <lang>", i18n.t(localeKeys.command.new.lang)).option("-d, --debug", i18n.t(localeKeys.command.new.debug), false).option(
             "-c, --config <config>",
             i18n.t(localeKeys.command.new.config)
-          ).option("--dist-tag <tag>", i18n.t(localeKeys.command.new.distTag)).option("--registry", i18n.t(localeKeys.command.new.registry)).action((options) => __async(this, null, function* () {
+          ).option("--dist-tag <tag>", i18n.t(localeKeys.command.new.distTag)).option("--registry", i18n.t(localeKeys.command.new.registry)).action((options2) => __async(this, null, function* () {
             const { MWANewAction } = yield import("@modern-js/new-action");
-            yield MWANewAction(__spreadProps(__spreadValues({}, options), { locale: options.lang || locale }));
+            yield MWANewAction(__spreadProps(__spreadValues({}, options2), { locale: options2.lang || locale }));
           }));
           program.command("inspect").description("inspect internal webpack config").option(
             `--env <env>`,
@@ -160,9 +170,9 @@ var src_default = () => ({
           ).option("--verbose", i18n.t(localeKeys.command.inspect.verbose)).option(
             "-c --config <config>",
             i18n.t(localeKeys.command.shared.config)
-          ).action((options) => __async(this, null, function* () {
+          ).action((options2) => __async(this, null, function* () {
             const { inspect } = yield import("./commands/inspect");
-            inspect(api, options);
+            inspect(api, options2);
           }));
           upgradeModel.defineCommand(program.command("upgrade"));
         });

package/dist/js/modern/initialize/index.js

@@ -44,19 +44,21 @@ import {
   isDevCommand
 } from "@modern-js/utils";
 import { legacySchema, schema } from "../schema";
-import { transformNormalizedConfig } from "../config/initial/transformNormalizedConfig";
 import {
   checkIsLegacyConfig,
   createDefaultConfig,
-  createLegacyDefaultConfig
+  createLegacyDefaultConfig,
+  transformNormalizedConfig
 } from "../config";
-var initialize_default = () => ({
+var initialize_default = ({
+  bundler
+}) => ({
   name: "@modern-js/plugin-initialize",
   setup(api) {
     const config = () => {
       const appContext = api.useAppContext();
       const userConfig = api.useConfigContext();
-      return checkIsLegacyConfig(userConfig) ? createLegacyDefaultConfig(appContext) : createDefaultConfig(appContext);
+      return checkIsLegacyConfig(userConfig) ? createLegacyDefaultConfig(appContext) : createDefaultConfig(appContext, bundler);
     };
     const validateSchema = () => {
       const userConfig = api.useConfigContext();
@@ -81,35 +83,41 @@ var initialize_default = () => ({
           });
           api.setAppContext(appContext);
           const normalizedConfig = checkIsLegacyConfig(resolved) ? transformNormalizedConfig(resolved) : resolved;
-          return {
-            resolved: {
-              _raw: userConfig,
-              source: normalizedConfig.source || {},
-              server: __spreadProps(__spreadValues({}, normalizedConfig.server || {}), {
-                port
-              }),
-              bff: normalizedConfig.bff || {},
-              dev: normalizedConfig.dev || {},
-              html: normalizedConfig.html || {},
-              output: normalizedConfig.output || {},
-              security: normalizedConfig.security || {},
-              tools: normalizedConfig.tools || {},
-              testing: normalizedConfig.testing || {},
-              plugins: normalizedConfig.plugins || [],
-              builderPlugins: normalizedConfig.builderPlugins || [],
-              runtime: normalizedConfig.runtime || {},
-              runtimeByEntries: normalizedConfig.runtimeByEntries || {},
-              deploy: normalizedConfig.deploy || {},
-              performance: normalizedConfig.performance || {},
-              experiments: normalizedConfig.experiments || {},
-              autoLoadPlugins: normalizedConfig.autoLoadPlugins || false
-            }
-          };
+          resolved._raw = userConfig;
+          resolved.server = __spreadProps(__spreadValues({}, normalizedConfig.server || {}), {
+            port
+          });
+          resolved.autoLoadPlugins = normalizedConfig.autoLoadPlugins || false;
+          stabilizeConfig(resolved, normalizedConfig, [
+            "source",
+            "bff",
+            "dev",
+            "html",
+            "output",
+            "tools",
+            "testing",
+            "plugins",
+            "builderPlugins",
+            "runtime",
+            "runtimeByEntries",
+            "deploy",
+            "performance"
+          ]);
+          if (bundler === "webpack") {
+            resolved.security = normalizedConfig.security || {};
+            resolved.experiments = normalizedConfig.experiments;
+          }
+          return { resolved };
         });
       }
     };
   }
 });
+function stabilizeConfig(resolve, config, keys) {
+  keys.forEach((key) => {
+    resolve[key] = config[key] || {};
+  });
+}
 function getServerPort(config) {
   return __async(this, null, function* () {
     const prodPort = config.server.port || 8080;

package/dist/js/modern/locale/zh.js

@@ -17,7 +17,7 @@ const ZH_LOCALE = {
     serve: { describe: "应用启动命令" },
     deploy: { describe: "部署应用命令" },
     new: {
-      describe: "MWA 项目中执行生成器",
+      describe: "Web App 项目中执行生成器",
       debug: "开启 Debug 模式，打印调试日志信息",
       config: "生成器运行默认配置(JSON 字符串)",
       distTag: "生成器使用特殊的 npm Tag 版本",

package/dist/js/node/analyze/constants.js

@@ -66,7 +66,9 @@ const NESTED_ROUTE = {
   PAGE_LOADER_FILE: "page.loader",
   LOADING_FILE: "loading",
   ERROR_FILE: "error",
-  LOADER_FILE: "loader"
+  LOADER_FILE: "loader",
+  SPLATE_FILE: "$",
+  SPLATE_LOADER_FILE: "$.loader"
 };
 const APP_CONFIG_NAME = "config";
 const APP_INIT_EXPORTED = "init";

package/dist/js/node/analyze/getServerRoutes.js

@@ -119,7 +119,7 @@ const collectHtmlRoutes = (entrypoints, appContext, config) => {
   const {
     html: { disableHtmlFolder },
     output: { distPath: { html: htmlPath } = {} },
-    server: { baseUrl, routes, ssr, ssrByEntries }
+    server: { baseUrl, routes, ssr, ssrByEntries, worker }
   } = config;
   const { packageName } = appContext;
   let htmlRoutes = entrypoints.reduce(
@@ -131,6 +131,7 @@ const collectHtmlRoutes = (entrypoints, appContext, config) => {
         packageName
       );
       const isSSR = Boolean(entryOptions);
+      const isWorker = Boolean(worker);
       const { resHeaders } = (routes == null ? void 0 : routes[entryName]) || {};
       let route = {
         urlPath: `/${entryName === import_utils.MAIN_ENTRY_NAME ? "" : entryName}`,
@@ -143,6 +144,7 @@ const collectHtmlRoutes = (entrypoints, appContext, config) => {
         isSPA: true,
         isSSR,
         responseHeaders: resHeaders,
+        worker: isWorker ? `${import_utils.SERVER_WORKER_BUNDLE_DIRECTORY}/${entryName}.js` : void 0,
         bundle: isSSR ? `${import_utils.SERVER_BUNDLE_DIRECTORY}/${entryName}.js` : void 0
       };
       if (routes == null ? void 0 : routes.hasOwnProperty(entryName)) {