@modern-js/app-tools 2.7.0 → 2.7.1-alpha.0

package/README.md

@@ -19,8 +19,8 @@ Please follow [Quick Start](https://modernjs.dev/en/guides/get-started/quick-sta
 
 ## Contributing
 
-Please read the [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md).
+Please read the [Contributing Guide](https://github.com/web-infra-dev/modern.js/blob/main/CONTRIBUTING.md).
 
 ## License
 
-Modern.js is [MIT licensed](https://github.com/modern-js-dev/modern.js/blob/main/LICENSE).
+Modern.js is [MIT licensed](https://github.com/web-infra-dev/modern.js/blob/main/LICENSE).

package/dist/cjs/analyze/generateCode.js

@@ -99,6 +99,7 @@ const generateCode = async (appContext, config, entrypoints, api) => {
   const getRoutes = isV5 ? import_getClientRoutes.getClientRoutesLegacy : import_getClientRoutes.getClientRoutes;
   await Promise.all(entrypoints.map(generateEntryCode));
   async function generateEntryCode(entrypoint) {
+    var _a;
     const { entryName, isAutoMount, customBootstrap, fileSystemRoutes } = entrypoint;
     if (isAutoMount) {
       if (fileSystemRoutes) {
@@ -138,6 +139,7 @@ const generateCode = async (appContext, config, entrypoints, api) => {
           config2.server.ssrByEntries,
           packageName
         );
+        const useSSG = (0, import_utils.isSSGEntry)(config2, entryName, entrypoints);
         let mode;
         if (ssr) {
           mode = typeof ssr === "object" ? ssr.mode || "string" : "string";
@@ -157,13 +159,14 @@ const generateCode = async (appContext, config, entrypoints, api) => {
           entrypoint,
           code: await templates.fileSystemRoutes({
             routes,
-            ssrMode: mode,
+            ssrMode: useSSG ? "string" : mode,
             nestedRoutesEntry: entrypoint.nestedRoutesEntry,
             entryName: entrypoint.entryName,
-            internalDirectory
+            internalDirectory,
+            splitRoutesChunks: (_a = config2 == null ? void 0 : config2.output) == null ? void 0 : _a.splitRoutesChunks
           })
         });
-        if (entrypoint.nestedRoutesEntry && mode) {
+        if (entrypoint.nestedRoutesEntry && (0, import_utils.isUseSSRBundle)(config2)) {
           const routesServerFile = (0, import_utils2.getServerLoadersFile)(
             internalDirectory,
             entryName

package/dist/cjs/analyze/index.js

@@ -205,7 +205,12 @@ var analyze_default = ({
                   resolvedConfig.server.ssrByEntries,
                   packageName
                 );
-                if (entrypoint.nestedRoutesEntry && ssr && name === "server") {
+                const useSSG = (0, import_utils.isSSGEntry)(
+                  resolvedConfig,
+                  entryName,
+                  entrypoints
+                );
+                if (entrypoint.nestedRoutesEntry && (ssr || useSSG) && name === "server") {
                   const serverLoaderRuntime = require.resolve("@modern-js/plugin-data-loader/runtime");
                   const serverLoadersFile = (0, import_utils2.getServerLoadersFile)(
                     internalDirectory,
@@ -279,6 +284,14 @@ var analyze_default = ({
           imports
         };
       },
+      validateSchema() {
+        return {
+          target: "output.splitRoutesChunks",
+          schema: {
+            type: "boolean"
+          }
+        };
+      },
       async fileChange(e) {
         const appContext = api.useAppContext();
         const { appDirectory } = appContext;

package/dist/cjs/analyze/templates.js

@@ -180,12 +180,14 @@ const fileSystemRoutes = async ({
   ssrMode,
   nestedRoutesEntry,
   entryName,
-  internalDirectory
+  internalDirectory,
+  splitRoutesChunks = true
 }) => {
   const loadings = [];
   const errors = [];
   const loaders = [];
   const loadersMap = {};
+  const webpackMode = splitRoutesChunks ? "lazy" : "eager";
   const loadersMapFile = import_path.default.join(
     internalDirectory,
     entryName,
@@ -244,15 +246,15 @@ const fileSystemRoutes = async ({
           rootLayoutCode = `import RootLayout from '${route._component}'`;
           component = `RootLayout`;
         } else if (ssrMode === "string") {
-          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
+          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */ /* webpackMode: "${webpackMode}" */  '${route._component}')`;
           component = `loadable(${lazyImport})`;
         } else {
-          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
+          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */ /* webpackMode: "${webpackMode}" */  '${route._component}')`;
           component = `lazy(${lazyImport})`;
         }
       }
     } else if (route._component) {
-      lazyImport = `() => import('${route._component}')`;
+      lazyImport = `() => import( /* webpackMode: "${webpackMode}" */ '${route._component}')`;
       component = `loadable(${lazyImport})`;
     }
     const finalRoute = {

package/dist/cjs/builder/builder-webpack/builderPlugins/compatModern.js

@@ -22,13 +22,11 @@ __export(compatModern_exports, {
 module.exports = __toCommonJS(compatModern_exports);
 var import_path = require("path");
 var import_shared = require("../../shared");
-var import_webpackPlugins = require("../webpackPlugins");
 const builderPluginCompatModern = (options) => ({
   name: "builder-plugin-compat-modern",
   setup(api) {
     const { normalizedConfig: modernConfig, appContext } = options;
     api.modifyWebpackChain((chain, { CHAIN_ID }) => {
-      var _a;
       chain.resolve.modules.add("node_modules").add((0, import_path.join)(api.context.rootPath, "node_modules"));
       if (chain.plugins.has(CHAIN_ID.PLUGIN.COPY)) {
         const defaultCopyPattern = (0, import_shared.createCopyPattern)(
@@ -38,23 +36,14 @@ const builderPluginCompatModern = (options) => ({
           chain
         );
         chain.plugin(CHAIN_ID.PLUGIN.COPY).tap((args) => {
-          var _a2;
+          var _a;
           return [
             {
-              patterns: [...((_a2 = args[0]) == null ? void 0 : _a2.patterns) || [], defaultCopyPattern]
+              patterns: [...((_a = args[0]) == null ? void 0 : _a.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(import_webpackPlugins.RouterPlugin);
-      }
     });
   }
 });

package/dist/cjs/builder/generator/index.js

@@ -53,8 +53,16 @@ async function generateBuilder(options, generateProvider, utils) {
   return builder;
 }
 async function applyBuilderPlugins(builder, options) {
-  const { builderPluginAdapterModern } = await Promise.resolve().then(() => __toESM(require("../shared/builderPlugins/adapterModern")));
-  builder.addPlugins([builderPluginAdapterModern(options)]);
+  const {
+    builderPluginAdapterBasic,
+    builderPluginAdapterHtml,
+    builderPluginAdapterSSR
+  } = await Promise.resolve().then(() => __toESM(require("../shared/builderPlugins")));
+  builder.addPlugins([
+    builderPluginAdapterBasic(options),
+    builderPluginAdapterSSR(options),
+    builderPluginAdapterHtml(options)
+  ]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/builder/shared/builderPlugins/adapterBasic.js

@@ -0,0 +1,101 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var adapterBasic_exports = {};
+__export(adapterBasic_exports, {
+  applyCallbacks: () => applyCallbacks,
+  builderPluginAdapterBasic: () => builderPluginAdapterBasic
+});
+module.exports = __toCommonJS(adapterBasic_exports);
+const builderPluginAdapterBasic = (options) => ({
+  name: "builder-plugin-adapter-modern-basic",
+  setup(api) {
+    api.modifyBundlerChain((chain, { target, CHAIN_ID }) => {
+      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");
+      }
+      if (target === "node" || target === "service-worker") {
+        applyNodeCompat(target, chain);
+      }
+      if (target === "web" || target === "modern-web") {
+        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"));
+      }
+    });
+    applyCallbacks(api, options);
+  }
+});
+function applyCallbacks(api, options) {
+  options.onAfterBuild && api.onAfterBuild(options.onAfterBuild);
+  options.onAfterCreateCompiler && api.onAfterCreateCompiler(options.onAfterCreateCompiler);
+  options.onAfterStartDevServer && api.onAfterStartDevServer(options.onAfterStartDevServer);
+  options.onBeforeBuild && api.onBeforeBuild(options.onBeforeBuild);
+  options.onBeforeCreateCompiler && api.onBeforeCreateCompiler(options.onBeforeCreateCompiler);
+  options.onBeforeStartDevServer && api.onBeforeStartDevServer(options.onBeforeStartDevServer);
+  options.onDevCompileDone && api.onDevCompileDone(options.onDevCompileDone);
+  options.onExit && api.onExit(options.onExit);
+}
+function applyNodeCompat(target, chain) {
+  const nodeExts = [
+    ".node.js",
+    ".node.jsx",
+    ".node.ts",
+    ".node.tsx",
+    ".server.js",
+    ".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);
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyCallbacks,
+  builderPluginAdapterBasic
+});

package/dist/cjs/builder/shared/builderPlugins/adapterHtml.js

@@ -0,0 +1,91 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var adapterHtml_exports = {};
+__export(adapterHtml_exports, {
+  builderPluginAdapterHtml: () => builderPluginAdapterHtml,
+  isHtmlEnabled: () => isHtmlEnabled
+});
+module.exports = __toCommonJS(adapterHtml_exports);
+var import_utils = require("@modern-js/utils");
+var import_lodash = require("@modern-js/utils/lodash");
+var import_bundlerPlugins = require("../bundlerPlugins");
+function isHtmlEnabled(config, target) {
+  var _a;
+  return ((_a = config.tools) == null ? void 0 : _a.htmlPlugin) !== false && target !== "node" && target !== "service-worker" && target !== "web-worker";
+}
+const builderPluginAdapterHtml = (options) => ({
+  name: "builder-plugin-adpater-modern-html",
+  setup(api) {
+    api.modifyBundlerChain(
+      (chain, { CHAIN_ID, target, HtmlPlugin: HtmlBundlerPlugin }) => {
+        const builderConfig = api.getNormalizedConfig();
+        if (isHtmlEnabled(builderConfig, target)) {
+          applyBottomHtmlPlugin({
+            api,
+            options,
+            chain,
+            CHAIN_ID,
+            HtmlBundlerPlugin
+          });
+        }
+      }
+    );
+  }
+});
+function applyBottomHtmlPlugin({
+  api,
+  chain,
+  options,
+  CHAIN_ID,
+  HtmlBundlerPlugin
+}) {
+  const { normalizedConfig: modernConfig, appContext } = options;
+  for (const entryName of Object.keys(api.context.entry)) {
+    const baseTemplateParams = {
+      entryName,
+      title: (0, import_utils.getEntryOptions)(
+        entryName,
+        modernConfig.html.title,
+        modernConfig.html.titleByEntries,
+        appContext.packageName
+      ),
+      mountId: modernConfig.html.mountId,
+      ...(0, import_utils.getEntryOptions)(
+        entryName,
+        modernConfig.html.templateParameters,
+        modernConfig.html.templateParametersByEntries,
+        appContext.packageName
+      )
+    };
+    chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).tap((args) => [
+      {
+        ...args[0] || {},
+        __internal__: true,
+        bottomTemplate: appContext.htmlTemplates[`__${entryName}-bottom__`] && (0, import_lodash.template)(appContext.htmlTemplates[`__${entryName}-bottom__`])(
+          baseTemplateParams
+        )
+      }
+    ]);
+  }
+  chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(import_bundlerPlugins.BottomTemplatePlugin, [HtmlBundlerPlugin]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  builderPluginAdapterHtml,
+  isHtmlEnabled
+});

package/dist/cjs/builder/shared/builderPlugins/adapterSSR.js

@@ -0,0 +1,140 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var adapterSSR_exports = {};
+__export(adapterSSR_exports, {
+  builderPluginAdapterSSR: () => builderPluginAdapterSSR
+});
+module.exports = __toCommonJS(adapterSSR_exports);
+var import_builder_shared = require("@modern-js/builder-shared");
+var import_bundlerPlugins = require("../bundlerPlugins");
+var import_adapterHtml = require("./adapterHtml");
+const builderPluginAdapterSSR = (options) => ({
+  name: "builder-plugin-adapter-modern-ssr",
+  setup(api) {
+    const { normalizedConfig } = options;
+    api.modifyBuilderConfig((config) => {
+      if (isStreamingSSR(normalizedConfig)) {
+        return (0, import_builder_shared.mergeBuilderConfig)(config, {
+          html: {
+            inject: "body"
+          }
+        });
+      }
+      return config;
+    });
+    api.modifyBundlerChain(
+      (chain, { target, CHAIN_ID, isProd, HtmlPlugin: HtmlBundlerPlugin }) => {
+        const builderConfig = api.getNormalizedConfig();
+        applyRouterPlugin(chain, options);
+        if (["node", "service-worker"].includes(target)) {
+          applyFilterEntriesBySSRConfig({
+            isProd,
+            chain,
+            appNormalizedConfig: options.normalizedConfig
+          });
+        }
+        if ((0, import_adapterHtml.isHtmlEnabled)(builderConfig, target)) {
+          applyAsyncChunkHtmlPlugin({
+            chain,
+            modernConfig: options.normalizedConfig,
+            CHAIN_ID,
+            HtmlBundlerPlugin
+          });
+        }
+      }
+    );
+  }
+});
+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,
+  HtmlBundlerPlugin
+}) {
+  if (isStreamingSSR(modernConfig)) {
+    chain.plugin(CHAIN_ID.PLUGIN.HTML_ASYNC_CHUNK).use(import_bundlerPlugins.HtmlAsyncChunkPlugin, [HtmlBundlerPlugin]);
+  }
+}
+function applyRouterPlugin(chain, options) {
+  var _a;
+  const { appContext, normalizedConfig } = options;
+  const { entrypoints } = appContext;
+  const existNestedRoutes = entrypoints.some(
+    (entrypoint) => entrypoint.nestedRoutesEntry
+  );
+  const routerConfig = (_a = normalizedConfig == null ? void 0 : normalizedConfig.runtime) == null ? void 0 : _a.router;
+  const routerManifest = Boolean(routerConfig == null ? void 0 : routerConfig.manifest);
+  if (existNestedRoutes || routerManifest) {
+    chain.plugin("route-plugin").use(import_bundlerPlugins.RouterPlugin);
+  }
+}
+function applyFilterEntriesBySSRConfig({
+  isProd,
+  chain,
+  appNormalizedConfig
+}) {
+  var _a;
+  const { server: serverConfig, output: outputConfig } = appNormalizedConfig;
+  const entries = chain.entryPoints.entries();
+  if (isProd && ((outputConfig == null ? void 0 : outputConfig.ssg) === true || typeof ((_a = outputConfig == null ? void 0 : outputConfig.ssg) == null ? void 0 : _a[0]) === "function")) {
+    return;
+  }
+  if (typeof entries === "undefined") {
+    throw new Error(
+      "No entry found, one of src/routes/layout.tsx, src/App.tsx, src/index.tsx is required"
+    );
+  }
+  const entryNames = Object.keys(entries);
+  if (isProd && entryNames.length === 1 && (outputConfig == null ? void 0 : outputConfig.ssg)) {
+    return;
+  }
+  const ssgEntries = [];
+  if (isProd && (outputConfig == null ? void 0 : outputConfig.ssg)) {
+    const { ssg } = outputConfig;
+    entryNames.forEach((name) => {
+      if (ssg[name]) {
+        ssgEntries.push(name);
+      }
+    });
+  }
+  const { ssr, ssrByEntries } = serverConfig || {};
+  entryNames.forEach((name) => {
+    if (!ssgEntries.includes(name) && (ssr && (ssrByEntries == null ? void 0 : ssrByEntries[name]) === false || !ssr && !(ssrByEntries == null ? void 0 : ssrByEntries[name]))) {
+      chain.entryPoints.delete(name);
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  builderPluginAdapterSSR
+});

package/dist/cjs/builder/shared/builderPlugins/index.js

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var builderPlugins_exports = {};
+module.exports = __toCommonJS(builderPlugins_exports);
+__reExport(builderPlugins_exports, require("./adapterBasic"), module.exports);
+__reExport(builderPlugins_exports, require("./adapterHtml"), module.exports);
+__reExport(builderPlugins_exports, require("./adapterSSR"), module.exports);

package/dist/cjs/builder/{builder-webpack/webpackPlugins → shared/bundlerPlugins}/RouterPlugin.js

@@ -65,7 +65,7 @@ class RouterPlugin {
             chunkGroups: true,
             chunks: true
           });
-          const { publicPath } = stats;
+          const { publicPath, chunks = [] } = stats;
           const routeAssets = {};
           const { namedChunkGroups, assetsByChunkName } = stats;
           if (!namedChunkGroups || !assetsByChunkName) {
@@ -98,17 +98,23 @@ class RouterPlugin {
           const entryChunkIds = entrypointsArray.map(
             (entrypoint) => entrypoint[0]
           );
-          const entryChunks = [...compilation.chunks].filter((chunk) => {
-            return entryChunkIds.includes(chunk.name);
+          const entryChunks = [...chunks].filter((chunk) => {
+            var _a;
+            return (_a = chunk.names) == null ? void 0 : _a.some((name) => entryChunkIds.includes(name));
           });
           const entryChunkFiles = entryChunks.map(
-            (chunk) => [...chunk.files].find((fname) => fname.includes(".js"))
+            (chunk) => [...chunk.files || []].find((fname) => fname.includes(".js"))
           );
           for (const file of entryChunkFiles) {
             const asset = compilation.assets[file];
             const newContent = `${injectedContent}${asset.source().toString()}`;
             newAssetsMap.set(import_path.default.join(outputPath, file), newContent);
-            compilation.updateAsset(file, new RawSource(newContent));
+            compilation.updateAsset(
+              file,
+              new RawSource(newContent),
+              // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+              void 0
+            );
           }
           const filename = import_path.default.join(outputPath, import_utils.ROUTE_MINIFEST_FILE);
           await import_utils.fs.ensureFile(filename);

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

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var bundlerPlugins_exports = {};
+module.exports = __toCommonJS(bundlerPlugins_exports);
+__reExport(bundlerPlugins_exports, require("./HtmlAsyncChunkPlugin"), module.exports);
+__reExport(bundlerPlugins_exports, require("./HtmlBottomTemplate"), module.exports);
+__reExport(bundlerPlugins_exports, require("./RouterPlugin"), module.exports);

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

@@ -16,4 +16,4 @@ var shared_exports = {};
 module.exports = __toCommonJS(shared_exports);
 __reExport(shared_exports, require("./createCopyPattern"), module.exports);
 __reExport(shared_exports, require("./types"), module.exports);
-__reExport(shared_exports, require("./builderPlugins/adapterModern"), module.exports);
+__reExport(shared_exports, require("./builderPlugins"), module.exports);

package/dist/cjs/index.js

@@ -53,7 +53,7 @@ const upgradeModel = import_utils.Import.lazy(
 const devCommand = async (program, api) => {
   const runner = api.useHookRunners();
   const devToolMetas = await runner.registerDev();
-  const devProgram = program.command("dev").alias("start").usage("[options]").description(import_locale.i18n.t(import_locale.localeKeys.command.dev.describe)).option("-c --config <config>", import_locale.i18n.t(import_locale.localeKeys.command.shared.config)).option("-e --entry [entry...]", import_locale.i18n.t(import_locale.localeKeys.command.dev.entry)).option("--analyze", import_locale.i18n.t(import_locale.localeKeys.command.shared.analyze)).option("--api-only", import_locale.i18n.t(import_locale.localeKeys.command.dev.apiOnly)).action(async (options) => {
+  const devProgram = program.command("dev").alias("start").usage("[options]").description(import_locale.i18n.t(import_locale.localeKeys.command.dev.describe)).option("-c --config <config>", import_locale.i18n.t(import_locale.localeKeys.command.shared.config)).option("-e --entry [entry...]", import_locale.i18n.t(import_locale.localeKeys.command.dev.entry)).option("--analyze", import_locale.i18n.t(import_locale.localeKeys.command.shared.analyze)).option("--api-only", import_locale.i18n.t(import_locale.localeKeys.command.dev.apiOnly)).option("--web-only", import_locale.i18n.t(import_locale.localeKeys.command.dev.webOnly)).action(async (options) => {
     const { dev } = await Promise.resolve().then(() => __toESM(require("./commands/dev")));
     await dev(api, options);
   });

package/dist/cjs/locale/en.js

@@ -30,6 +30,7 @@ const EN_LOCALE = {
       describe: "start dev server",
       entry: "compiler by entry",
       apiOnly: "start api server only",
+      webOnly: "start web server only",
       selectEntry: "Please select the entry that needs to be built",
       requireEntry: "You must choose at least one entry"
     },

package/dist/cjs/locale/zh.js

@@ -30,6 +30,7 @@ const ZH_LOCALE = {
       describe: "本地开发命令",
       entry: "指定入口，编译特定的页面",
       apiOnly: "仅启动 API 接口服务",
+      webOnly: "仅启动 Web 服务",
       selectEntry: "请选择需要构建的入口",
       requireEntry: "请至少选择一个入口"
     },