@modern-js/app-tools 2.0.2 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,65 @@
 # @modern-js/app-tools
 
+## 2.1.0
+
+### Patch Changes
+
+- 2ad9642: feat: new command support --lang params
+
+  feat: new 命令支持 --lang 参数
+
+- bf38bda: feat(app-tools): allow to use dev.port config
+
+  feat(app-tools): 支持使用 dev.port 配置
+
+- 29fbc66: fix(app-tools): SVG default export type
+
+  fix(app-tools): 修复 SVG 默认导出的类型错误
+
+- 3a7da8c: fix(app-tools): server.port not work in development
+
+  fix(app-tools): 修复开发环境下 server.port 不生效的问题
+
+- 3d0fb38: fix: remove the prebundle for data loader
+  fix: 移除 data loader 的预打包
+- 6562578: chore: optimize the capitalization of plugin names
+
+  chore: 规范引用插件时的命名格式，统一使用 camelCase 代替 PascalCase
+
+- 0d2af52: docs: add docs for config and init
+  docs: 添加 config 和 init 在嵌套路由下的文档
+- 84ee9e9: fix: can't exit process after build
+  fix: 在 build 后不退出程序
+- 5b54418: fix(builder): no longer remove comments of HTML
+
+  fix(builder): 不再默认移除 HTML 中的注释
+
+- Updated dependencies [837620c]
+- Updated dependencies [3d0fb38]
+- Updated dependencies [3ad26c2]
+- Updated dependencies [5b54418]
+- Updated dependencies [bafa52e]
+- Updated dependencies [ccbac43]
+- Updated dependencies [8a9482c]
+- Updated dependencies [679296d]
+  - @modern-js/utils@2.1.0
+  - @modern-js/plugin-data-loader@2.1.0
+  - @modern-js/server@2.1.0
+  - @modern-js/builder-shared@2.1.0
+  - @modern-js/builder-webpack-provider@2.1.0
+  - @modern-js/core@2.1.0
+  - @modern-js/builder@2.1.0
+  - @modern-js/builder-plugin-esbuild@2.1.0
+  - @modern-js/builder-plugin-node-polyfill@2.1.0
+  - @modern-js/plugin-i18n@2.1.0
+  - @modern-js/plugin-lint@2.1.0
+  - @modern-js/new-action@2.1.0
+  - @modern-js/prod-server@2.1.0
+  - @modern-js/node-bundle-require@2.1.0
+  - @modern-js/upgrade@2.1.0
+  - @modern-js/plugin@2.1.0
+  - @modern-js/types@2.1.0
+
 ## 2.0.2
 
 ### Patch Changes

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

@@ -25,7 +25,7 @@ const NESTED_ROUTE = {
   ERROR_FILE: "error",
   LOADER_FILE: "loader"
 };
-const APP_CONFIG_NAME = "appConfig";
+const APP_CONFIG_NAME = "config";
 const APP_INIT_EXPORTED = "init";
 const APP_INIT_IMPORTED = "appInit";
 export {

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

@@ -19,32 +19,19 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import path from "path";
-import {
-  fs,
-  getEntryOptions,
-  LOADER_ROUTES_DIR,
-  logger
-} from "@modern-js/utils";
+import { fs, getEntryOptions, logger } from "@modern-js/utils";
 import {
   useResolvedConfigContext
 } from "@modern-js/core";
-import { isDevCommand } from "../utils/commands";
 import * as templates from "./templates";
 import { getClientRoutes, getClientRoutesLegacy } from "./getClientRoutes";
 import {
   FILE_SYSTEM_ROUTES_FILE_NAME,
   ENTRY_POINT_FILE_NAME,
-  ENTRY_BOOTSTRAP_FILE_NAME,
-  TEMP_LOADERS_DIR
+  ENTRY_BOOTSTRAP_FILE_NAME
 } from "./constants";
-import { getDefaultImports } from "./utils";
+import { getDefaultImports, getServerLoadersFile } from "./utils";
 import { walk } from "./nestedRoutes";
-import { loaderBuilder, serverLoaderBuilder } from "./Builder";
-const loader = {
-  ".js": "jsx",
-  ".ts": "tsx"
-};
-const EXTERNAL_REGEXP = /^[^./]|^\.[^./]|^\.\.[^/]/;
 const createImportSpecifier = (specifiers) => {
   let defaults = "";
   const named = [];
@@ -92,54 +79,10 @@ ${initialize || ""}`
 ${initialize || ""}`
   ).join("\n");
 };
-const buildLoader = (entry, outfile) => __async(void 0, null, function* () {
-  yield loaderBuilder.build({
-    format: "esm",
-    platform: "browser",
-    target: "esnext",
-    loader,
-    watch: isDevCommand() && {},
-    bundle: true,
-    logLevel: "error",
-    entryPoints: [entry],
-    outfile,
-    plugins: [
-      {
-        name: "make-all-packages-external",
-        setup(build) {
-          build.onResolve({ filter: EXTERNAL_REGEXP }, (args) => {
-            let external = true;
-            if (args.kind === "entry-point") {
-              external = false;
-            }
-            return {
-              path: args.path,
-              external
-            };
-          });
-        }
-      }
-    ]
-  });
-});
-const buildServerLoader = (entry, outfile) => __async(void 0, null, function* () {
-  yield serverLoaderBuilder.build({
-    format: "cjs",
-    platform: "node",
-    target: "esnext",
-    loader,
-    watch: isDevCommand() && {},
-    bundle: true,
-    logLevel: "error",
-    entryPoints: [entry],
-    outfile
-  });
-});
 const generateCode = (appContext, config, entrypoints, api) => __async(void 0, null, function* () {
   var _a, _b, _c;
   const {
     internalDirectory,
-    distDirectory,
     srcDirectory,
     internalDirAlias,
     internalSrcAlias,
@@ -220,47 +163,19 @@ const generateCode = (appContext, config, entrypoints, api) => __async(void 0, n
               ssrMode: mode,
               nestedRoutesEntry: entrypoint.nestedRoutesEntry,
               entryName: entrypoint.entryName,
-              internalDirectory,
-              internalDirAlias
+              internalDirectory
             })
           });
-          if (entrypoint.nestedRoutesEntry) {
-            const routesServerFile = path.join(
+          if (entrypoint.nestedRoutesEntry && mode) {
+            const routesServerFile = getServerLoadersFile(
               internalDirectory,
-              entryName,
-              "route-server-loaders.js"
-            );
-            const outputRoutesServerFile = path.join(
-              distDirectory,
-              LOADER_ROUTES_DIR,
-              entryName,
-              "index.js"
+              entryName
             );
             const code3 = templates.routesForServer({
-              routes,
-              internalDirectory,
-              entryName
+              routes
             });
             yield fs.ensureFile(routesServerFile);
             yield fs.writeFile(routesServerFile, code3);
-            const loaderEntryFile = path.join(
-              internalDirectory,
-              entryName,
-              TEMP_LOADERS_DIR,
-              "entry.js"
-            );
-            const loaderIndexFile = path.join(
-              internalDirectory,
-              entryName,
-              TEMP_LOADERS_DIR,
-              "index.js"
-            );
-            if (yield fs.pathExists(loaderEntryFile)) {
-              yield buildLoader(loaderEntryFile, loaderIndexFile);
-            }
-            if (yield fs.pathExists(routesServerFile)) {
-              yield buildServerLoader(routesServerFile, outputRoutesServerFile);
-            }
           }
           fs.outputFileSync(
             path.resolve(

package/dist/js/modern/analyze/index.js

@@ -38,7 +38,13 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import * as path from "path";
-import { createDebugger, findExists, fs, isApiOnly } from "@modern-js/utils";
+import {
+  createDebugger,
+  findExists,
+  fs,
+  getEntryOptions,
+  isApiOnly
+} from "@modern-js/utils";
 import { cloneDeep } from "@modern-js/utils/lodash";
 import { createBuilderForModern } from "../builder";
 import { printInstructions } from "../utils/printInstructions";
@@ -47,12 +53,11 @@ import { emitResolvedConfig } from "../utils/config";
 import { getCommand } from "../utils/commands";
 import { initialNormalizedConfig } from "../config";
 import {
-  isNestedRouteComponent,
+  getServerLoadersFile,
   isPageComponentFile,
   parseModule,
   replaceWithAlias
 } from "./utils";
-import { loaderBuilder, serverLoaderBuilder } from "./Builder";
 import {
   APP_CONFIG_NAME,
   APP_INIT_EXPORTED,
@@ -207,6 +212,33 @@ var analyze_default = () => ({
       watchFiles() {
         return pagesDir;
       },
+      config() {
+        return {
+          tools: {
+            webpackChain: (chain, { name }) => {
+              const appContext = api.useAppContext();
+              const resolvedConfig = api.useResolvedConfigContext();
+              const { entrypoints, internalDirectory, packageName } = appContext;
+              entrypoints.forEach((entrypoint) => {
+                const { entryName } = entrypoint;
+                const ssr = getEntryOptions(
+                  entryName,
+                  resolvedConfig.server.ssr,
+                  resolvedConfig.server.ssrByEntries,
+                  packageName
+                );
+                if (entrypoint.nestedRoutesEntry && ssr && name === "server") {
+                  const serverLoadersFile = getServerLoadersFile(
+                    internalDirectory,
+                    entryName
+                  );
+                  chain.entry(`${entryName}-server-loaders`).add(serverLoadersFile);
+                }
+              });
+            }
+          }
+        };
+      },
       resolvedConfig({ resolved }) {
         const appContext = api.useAppContext();
         const config = initialNormalizedConfig(resolved, appContext);
@@ -266,12 +298,6 @@ var analyze_default = () => ({
           };
         });
       },
-      beforeRestart() {
-        return __async(this, null, function* () {
-          serverLoaderBuilder.stop();
-          loaderBuilder.stop();
-        });
-      },
       fileChange(e) {
         return __async(this, null, function* () {
           const appContext = api.useAppContext();
@@ -280,7 +306,7 @@ var analyze_default = () => ({
           const isPageFile = (name) => pagesDir.some((pageDir) => name.includes(pageDir));
           const absoluteFilePath = path.resolve(appDirectory, filename);
           const isRouteComponent = isPageFile(absoluteFilePath) && isPageComponentFile(absoluteFilePath);
-          if (isRouteComponent && (eventType === "add" || eventType === "unlink") || isNestedRouteComponent(nestedRouteEntries, absoluteFilePath) && eventType === "change") {
+          if (isRouteComponent && (eventType === "add" || eventType === "unlink")) {
             const resolvedConfig = api.useResolvedConfigContext();
             const { generateCode } = yield import("./generateCode");
             const entrypoints = cloneDeep(originEntrypoints);

package/dist/js/modern/analyze/nestedRoutes.js

@@ -40,14 +40,8 @@ var __async = (__this, __arguments, generator) => {
 import * as path from "path";
 import { fs, getRouteId } from "@modern-js/utils";
 import { JS_EXTENSIONS, NESTED_ROUTE } from "./constants";
-import { hasLoader, replaceWithAlias } from "./utils";
+import { replaceWithAlias } from "./utils";
 const conventionNames = Object.values(NESTED_ROUTE);
-const getLoaderPath = (filename) => __async(void 0, null, function* () {
-  if (yield hasLoader(filename)) {
-    return filename;
-  }
-  return void 0;
-});
 const replaceDynamicPath = (routePath) => {
   return routePath.replace(/\[(.*?)\]/g, ":$1");
 };
@@ -118,10 +112,6 @@ const walk = (dirname, rootDir, alias, entryName) => __async(void 0, null, funct
     }
     if (itemWithoutExt === NESTED_ROUTE.LAYOUT_FILE) {
       route._component = replaceWithAlias(alias.basename, itemPath, alias.name);
-      const loaderPath = yield getLoaderPath(itemPath);
-      if (loaderPath) {
-        route.loader = loaderPath;
-      }
     }
     if (itemWithoutExt === NESTED_ROUTE.PAGE_LOADER_FILE) {
       pageLoaderFile = itemPath;
@@ -135,10 +125,7 @@ const walk = (dirname, rootDir, alias, entryName) => __async(void 0, null, funct
         itemPath,
         entryName
       );
-      const loaderPath = yield getLoaderPath(itemPath);
-      if (loaderPath) {
-        pageRoute.loader = loaderPath;
-      } else if (pageLoaderFile) {
+      if (pageLoaderFile) {
         pageRoute.loader = pageLoaderFile;
       }
       (_b = route.children) == null ? void 0 : _b.push(pageRoute);

package/dist/js/modern/analyze/templates.js

@@ -72,7 +72,7 @@ const renderFunction = ({
   return `
   const finalAppConfig = {
     ...App.config,
-    ...typeof ${APP_CONFIG_NAME} === 'object' ? ${APP_CONFIG_NAME} : {},
+    ...typeof ${APP_CONFIG_NAME} === 'function' ? ${APP_CONFIG_NAME}() : {},
   }
 
   AppWrapper = createApp({
@@ -127,17 +127,9 @@ const html = (partials) => `
 </html>
 `;
 const routesForServer = ({
-  routes,
-  internalDirectory,
-  entryName
+  routes
 }) => {
   const loaders = [];
-  const loaderIndexFile = path.join(
-    internalDirectory,
-    entryName,
-    TEMP_LOADERS_DIR,
-    "index.js"
-  );
   const traverseRouteTree = (route) => {
     var _a;
     let children;
@@ -175,10 +167,9 @@ const routesForServer = ({
 ];`;
   let importLoadersCode = "";
   if (loaders.length > 0) {
-    importLoadersCode = `
-    import { ${loaders.map(
-      (loader, index2) => `loader_${index2}`
-    )} } from "${slash(loaderIndexFile)}"`;
+    importLoadersCode = loaders.map((loader, index2) => {
+      return `import loader_${index2} from "${slash(loader)}"`;
+    }).join("\n");
   }
   return `
     ${importLoadersCode}
@@ -190,19 +181,12 @@ const fileSystemRoutes = (_0) => __async(void 0, [_0], function* ({
   ssrMode,
   nestedRoutesEntry,
   entryName,
-  internalDirectory,
-  internalDirAlias
+  internalDirectory
 }) {
   const loadings = [];
   const errors = [];
   const loaders = [];
   const loadersMap = {};
-  const loadersIndexFile = path.join(
-    internalDirAlias,
-    entryName,
-    TEMP_LOADERS_DIR,
-    "index.js"
-  );
   const loadersMapFile = path.join(
     internalDirectory,
     entryName,
@@ -214,13 +198,20 @@ const fileSystemRoutes = (_0) => __async(void 0, [_0], function* ({
     import loadable, { lazy as loadableLazy } from "@modern-js/runtime/loadable"
   `;
   let rootLayoutCode = ``;
-  let dataLoaderPath = "";
   let componentLoaderPath = "";
-  if (ssrMode) {
-    dataLoaderPath = require.resolve("@modern-js/plugin-data-loader/loader");
+  const getDataLoaderPath = (loaderId) => {
+    if (!ssrMode) {
+      return "";
+    }
+    let dataLoaderPath = require.resolve("@modern-js/plugin-data-loader/loader");
     if (nestedRoutesEntry) {
-      dataLoaderPath = `${dataLoaderPath}?routesDir=${nestedRoutesEntry}&mapFile=${loadersMapFile}!`;
+      dataLoaderPath = `${slash(dataLoaderPath)}?mapFile=${slash(
+        loadersMapFile
+      )}&loaderId=${loaderId}!`;
     }
+    return dataLoaderPath;
+  };
+  if (ssrMode) {
     componentLoaderPath = `${path.join(
       __dirname,
       "../builder/loaders/routerLoader"
@@ -250,7 +241,11 @@ const fileSystemRoutes = (_0) => __async(void 0, [_0], function* ({
         loaders.push(route.loader);
         const loaderId = loaders.length - 1;
         loader = `loader_${loaderId}`;
-        loadersMap[loader] = route.id;
+        loadersMap[loader] = {
+          routeId: route.id,
+          filePath: route.loader,
+          inline: false
+        };
       }
       if (route._component) {
         if (route.isRoot) {
@@ -306,48 +301,21 @@ const fileSystemRoutes = (_0) => __async(void 0, [_0], function* ({
 `;
   }).join("");
   let importLoadersCode = "";
-  if (loaders.length > 0) {
-    importLoadersCode = `
-    import { ${loaders.map(
-      (loader, index2) => `loader_${index2}`
-    )} } from "${slash(dataLoaderPath)}${slash(loadersIndexFile)}"
-  `;
-    const loaderEntryCode = loaders.map((loader, index2) => {
-      return `export * from './loader_${index2}.js';`;
-    }).join("\n");
-    const loaderEntryFile = path.join(
-      internalDirectory,
-      entryName,
-      TEMP_LOADERS_DIR,
-      "entry.js"
-    );
-    yield fs.ensureFile(loaderEntryFile);
-    yield fs.writeFile(loaderEntryFile, loaderEntryCode);
-    yield fs.writeJSON(loadersMapFile, loadersMap);
-    yield Promise.all(
-      loaders.map((loader, index2) => __async(void 0, null, function* () {
-        const name = `loader_${index2}`;
-        const filename = path.join(
-          internalDirectory,
-          entryName,
-          TEMP_LOADERS_DIR,
-          `${name}.js`
-        );
-        let code = "";
-        if (loader.includes(".loader.")) {
-          code = `
-          export { default as ${name} } from '${slash(loader)}'
-        `;
-        } else {
-          code = `
-          export { loader as ${name} } from '${slash(loader)}'
-        `;
-        }
-        yield fs.ensureFile(filename);
-        yield fs.writeFile(filename, code);
-      }))
-    );
+  for (const [key, loaderInfo] of Object.entries(loadersMap)) {
+    if (loaderInfo.inline) {
+      importLoadersCode += `import { loader as ${key} } from "${getDataLoaderPath(
+        key
+      )}${slash(loaderInfo.filePath)}";
+`;
+    } else {
+      importLoadersCode += `import ${key} from "${getDataLoaderPath(
+        key
+      )}${slash(loaderInfo.filePath)}";
+`;
+    }
   }
+  yield fs.ensureFile(loadersMapFile);
+  yield fs.writeJSON(loadersMapFile, loadersMap);
   return `
     ${importLazyCode}
     ${rootLayoutCode}

package/dist/js/modern/analyze/utils.js

@@ -26,8 +26,7 @@ import { parse } from "es-module-lexer";
 import {
   FILE_SYSTEM_ROUTES_FILE_NAME,
   JS_EXTENSIONS,
-  LOADER_EXPORT_NAME,
-  NESTED_ROUTE
+  LOADER_EXPORT_NAME
 } from "./constants";
 const walkDirectory = (dir) => fs.readdirSync(dir).reduce((previous, filename) => {
   const filePath = path.join(dir, filename);
@@ -105,17 +104,6 @@ const isPageComponentFile = (filePath) => {
   }
   return false;
 };
-const isNestedRouteComponent = (nestedRouteEntries, absoluteFilePath) => {
-  const reg = new RegExp(
-    `(${NESTED_ROUTE.LAYOUT_FILE}|${NESTED_ROUTE.PAGE_FILE})\\.tsx?$`
-  );
-  return nestedRouteEntries.some((nestedRoutesEntry) => {
-    if (absoluteFilePath.includes(nestedRoutesEntry) && reg.test(absoluteFilePath)) {
-      return true;
-    }
-    return false;
-  });
-};
 const replaceWithAlias = (base, filePath, alias) => normalizeToPosixPath(path.join(alias, path.relative(base, filePath)));
 const parseModule = (_0) => __async(void 0, [_0], function* ({
   source,
@@ -139,10 +127,13 @@ const hasLoader = (filename) => __async(void 0, null, function* () {
   });
   return moduleExports.some((e) => e.n === LOADER_EXPORT_NAME);
 });
+const getServerLoadersFile = (internalDirectory, entryName) => {
+  return path.join(internalDirectory, entryName, "route-server-loaders.js");
+};
 export {
   getDefaultImports,
+  getServerLoadersFile,
   hasLoader,
-  isNestedRouteComponent,
   isPageComponentFile,
   parseModule,
   replaceWithAlias,

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

@@ -87,7 +87,6 @@ function createBuilderForModern(_0) {
   });
 }
 function createBuilderProviderConfig(normalizedConfig, appContext) {
-  var _a;
   const output = createOutputConfig(normalizedConfig, appContext);
   const htmlConfig = __spreadValues({}, normalizedConfig.html);
   if (!htmlConfig.template) {
@@ -96,7 +95,7 @@ function createBuilderProviderConfig(normalizedConfig, appContext) {
   return __spreadProps(__spreadValues({}, normalizedConfig), {
     output,
     dev: __spreadProps(__spreadValues({}, normalizedConfig.dev), {
-      port: (_a = normalizedConfig.server) == null ? void 0 : _a.port
+      port: appContext.port
     }),
     html: htmlConfig
   });

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

@@ -20,7 +20,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { createDefaultConfig as createDefaultBuilderConfig } from "@modern-js/builder-webpack-provider";
 function createDefaultConfig(appContext) {
   const defaultBuilderConfig = createDefaultBuilderConfig();
-  const dev = __spreadValues({}, defaultBuilderConfig.dev);
+  const dev = __spreadProps(__spreadValues({}, defaultBuilderConfig.dev), {
+    port: void 0
+  });
   const tools = __spreadValues({}, defaultBuilderConfig.tools);
   const output = __spreadProps(__spreadValues({}, defaultBuilderConfig.output), {
     disableNodePolyfill: true

package/dist/js/modern/config/initial/inits.js

@@ -132,7 +132,7 @@ function initToolsConfig(config) {
       ]
     }
   };
-  const { tsChecker, tsLoader, htmlPlugin } = config.tools;
+  const { tsChecker, tsLoader } = config.tools;
   config.tools.tsChecker = applyOptionsChain(defaultTsChecker, tsChecker);
   tsLoader && (config.tools.tsLoader = (tsLoaderConfig, utils) => {
     applyOptionsChain(
@@ -144,14 +144,6 @@ function initToolsConfig(config) {
       utils
     );
   });
-  config.tools.htmlPlugin = [
-    (config2) => __spreadProps(__spreadValues({}, config2), {
-      minify: typeof config2.minify === "object" ? __spreadProps(__spreadValues({}, config2.minify), {
-        removeComments: false
-      }) : config2.minify
-    }),
-    ...Array.isArray(htmlPlugin) ? htmlPlugin : htmlPlugin ? [htmlPlugin] : []
-  ];
 }
 export {
   initHtmlConfig,

package/dist/js/modern/index.js

@@ -38,11 +38,11 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import path from "path";
-import LintPlugin from "@modern-js/plugin-lint";
+import lintPlugin from "@modern-js/plugin-lint";
 import { cleanRequireCache, emptyDir, Import } from "@modern-js/utils";
 import { castArray } from "@modern-js/utils/lodash";
-import AnalyzePlugin from "./analyze";
-import InitializePlugin from "./initialize";
+import analyzePlugin from "./analyze";
+import initializePlugin from "./initialize";
 import { hooks } from "./hooks";
 import { i18n, localeKeys } from "./locale";
 import { getLocaleLanguage } from "./utils/language";
@@ -83,7 +83,6 @@ const buildCommand = (program, api) => __async(void 0, null, function* () {
   const buildProgram = program.command("build").usage("[options]").description(i18n.t(localeKeys.command.build.describe)).option("-c --config <config>", i18n.t(localeKeys.command.shared.config)).option("--analyze", i18n.t(localeKeys.command.shared.analyze)).action((options) => __async(void 0, null, function* () {
     const { build } = yield import("./commands/build");
     yield build(api, options);
-    process.exit(0);
   }));
   for (const platformBuilder of platformBuilders) {
     const platforms = castArray(platformBuilder.platform);
@@ -112,7 +111,7 @@ var src_default = () => ({
     "@modern-js/plugin-polyfill"
   ],
   registerHook: hooks,
-  usePlugins: [InitializePlugin(), AnalyzePlugin(), LintPlugin()],
+  usePlugins: [initializePlugin(), analyzePlugin(), lintPlugin()],
   setup: (api) => {
     const locale = getLocaleLanguage();
     i18n.changeLanguage({ locale });
@@ -138,12 +137,12 @@ var src_default = () => ({
             yield deploy(api, options);
             process.exit(0);
           }));
-          program.command("new").usage("[options]").description(i18n.t(localeKeys.command.new.describe)).option("-d, --debug", i18n.t(localeKeys.command.new.debug), false).option(
+          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* () {
             const { MWANewAction } = yield import("@modern-js/new-action");
-            yield MWANewAction(__spreadProps(__spreadValues({}, options), { locale }));
+            yield MWANewAction(__spreadProps(__spreadValues({}, options), { locale: options.lang || locale }));
           }));
           program.command("inspect").description("inspect internal webpack config").option(
             `--env <env>`,