@modern-js/app-tools 1.6.4 → 1.6.7

package/CHANGELOG.md

@@ -1,5 +1,98 @@
 # @modern-js/app-tools
 
+## 1.6.7
+
+### Patch Changes
+
+- 64cf62697: feat(app-tools): support modern inspect command
+- b7a1cea52: feat: support utils in tools.babel
+- Updated dependencies [ded45811c]
+- Updated dependencies [209d0a927]
+- Updated dependencies [9d649884b]
+- Updated dependencies [9377d2d9d]
+- Updated dependencies [8e1cedd8a]
+- Updated dependencies [8c9ad1749]
+- Updated dependencies [6b2523f44]
+- Updated dependencies [b7a1cea52]
+- Updated dependencies [002dab527]
+- Updated dependencies [1ac68424f]
+- Updated dependencies [3dfee700c]
+  - @modern-js/webpack@1.11.0
+  - @modern-js/server@1.4.20
+  - @modern-js/core@1.12.0
+  - @modern-js/utils@1.7.7
+  - @modern-js/plugin@1.3.7
+  - @modern-js/plugin-analyze@1.4.6
+  - @modern-js/prod-server@1.1.8
+
+## 1.6.6
+
+### Patch Changes
+
+- a1198d509: feat: bump babel 7.18.0
+- d12686040: feat(app-tools): support dev --analyze
+- 8ee2b1b29: fix: remove some unnecessary logs during dev
+- 8f7c0f898: feat(app-tools): support specify config file in build and deploy command
+- Updated dependencies [8d508c6ed]
+- Updated dependencies [0eff2473c]
+- Updated dependencies [a1198d509]
+- Updated dependencies [29728812e]
+- Updated dependencies [f25d6a62e]
+- Updated dependencies [a18926bbd]
+- Updated dependencies [c7e38b4e6]
+- Updated dependencies [147e090f7]
+- Updated dependencies [18892c65c]
+- Updated dependencies [a1198d509]
+- Updated dependencies [8f7c0f898]
+  - @modern-js/core@1.11.2
+  - @modern-js/webpack@1.10.0
+  - @modern-js/server@1.4.18
+  - @modern-js/i18n-cli-language-detector@1.2.4
+  - @modern-js/plugin-analyze@1.4.6
+  - @modern-js/plugin-i18n@1.2.7
+  - @modern-js/new-action@1.3.10
+  - @modern-js/prod-server@1.1.8
+  - @modern-js/node-bundle-require@1.3.5
+  - @modern-js/plugin@1.3.6
+
+## 1.6.5
+
+### Patch Changes
+
+- da65bf12: chore: merge plugin-fast-refresh into webpack
+- 437367c6: fix(server): hmr not working when using proxy
+- 7394df61: feat: prebundle @loadable/webpack-plugin and fix peer deps warning
+- Updated dependencies [5f7fccf0]
+- Updated dependencies [02b0a22e]
+- Updated dependencies [f730081c]
+- Updated dependencies [d1ab1f05]
+- Updated dependencies [da65bf12]
+- Updated dependencies [2ec8181a]
+- Updated dependencies [8854c600]
+- Updated dependencies [f7cbc771]
+- Updated dependencies [6451a098]
+- Updated dependencies [cdc2df9c]
+- Updated dependencies [f5c48c3f]
+- Updated dependencies [b39b399e]
+- Updated dependencies [192dbc78]
+- Updated dependencies [430d417e]
+- Updated dependencies [658b4dd5]
+- Updated dependencies [7fcfd6cc]
+- Updated dependencies [d5a2cfd8]
+- Updated dependencies [45d5643a]
+- Updated dependencies [0d161fa8]
+- Updated dependencies [437367c6]
+- Updated dependencies [280eebf9]
+- Updated dependencies [2ba8d62f]
+- Updated dependencies [7394df61]
+  - @modern-js/webpack@1.9.0
+  - @modern-js/core@1.11.1
+  - @modern-js/server@1.4.16
+  - @modern-js/utils@1.7.6
+  - @modern-js/types@1.5.4
+  - @modern-js/prod-server@1.1.6
+  - @modern-js/plugin-analyze@1.4.5
+
 ## 1.6.4
 
 ### Patch Changes

package/dist/js/modern/commands/dev.js

@@ -4,7 +4,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import { fs, logger, HMR_SOCK_PATH, clearConsole, chalk, isSSR } from '@modern-js/utils';
+import { fs, logger, chalk, isSSR } from '@modern-js/utils';
+import { manager, ResolvedConfigContext } from '@modern-js/core';
 import { createCompiler } from "../utils/createCompiler";
 import { createServer } from "../utils/createServer";
 import { generateRoutes } from "../utils/routes";
@@ -12,9 +13,15 @@ import { printInstructions } from "../utils/printInstructions";
 import { getSpecifiedEntries } from "../utils/getSpecifiedEntries";
 import { buildServerConfig } from "../utils/config";
 export const dev = async (api, options) => {
+  let userConfig = api.useResolvedConfigContext();
   const appContext = api.useAppContext();
-  const userConfig = api.useResolvedConfigContext();
   const hookRunners = api.useHookRunners();
+  manager.run(() => {
+    userConfig = _objectSpread(_objectSpread({}, userConfig), {}, {
+      cliOptions: options
+    });
+    ResolvedConfigContext.set(userConfig);
+  });
   const {
     appDirectory,
     distDirectory,
@@ -61,10 +68,7 @@ export const dev = async (api, options) => {
     dev: _objectSpread(_objectSpread({}, {
       client: {
         port: port.toString(),
-        overlay: false,
-        logging: 'none',
-        path: HMR_SOCK_PATH,
-        host: 'localhost'
+        logging: 'none'
       },
       devMiddleware: {
         writeToDisk: file => !file.includes('.hot-update.')
@@ -89,7 +93,6 @@ export const dev = async (api, options) => {
       return printInstructions(hookRunners, appContext, userConfig);
     }
 
-    clearConsole();
     return logger.log(chalk.cyan(`Starting the development server...`));
   });
 };

package/dist/js/modern/commands/inspect.js

@@ -0,0 +1,69 @@
+import path from 'path';
+import { getWebpackConfig, WebpackConfigTarget } from '@modern-js/webpack';
+import { fs, logger, signale, isUseSSRBundle, chalk } from '@modern-js/utils';
+import WebpackChain from '@modern-js/utils/webpack-chain';
+export const formatWebpackConfig = (config, verbose) => {
+  const stringify = WebpackChain.toString;
+  return `module.exports = ${stringify(config, {
+    verbose
+  })};`;
+};
+export const inspect = (api, options) => {
+  process.env.NODE_ENV = options.env;
+  const resolvedConfig = api.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const outputFiles = [];
+  outputFiles.push(printInspectResult(WebpackConfigTarget.CLIENT, appContext, resolvedConfig, options));
+
+  if (resolvedConfig.output.enableModernMode) {
+    outputFiles.push(printInspectResult(WebpackConfigTarget.MODERN, appContext, resolvedConfig, options));
+  }
+
+  if (isUseSSRBundle(resolvedConfig)) {
+    outputFiles.push(printInspectResult(WebpackConfigTarget.NODE, appContext, resolvedConfig, options));
+  }
+
+  signale.success('Inspect succeed, you can open following files to view the full webpack config: \n');
+  outputFiles.forEach(file => {
+    signale.log(`  - ${chalk.yellow(path.relative(appContext.appDirectory, file))}`);
+  });
+  signale.log();
+};
+export const getTagByWebpackTarget = webpackTarget => {
+  switch (webpackTarget) {
+    case WebpackConfigTarget.CLIENT:
+      return 'client';
+
+    case WebpackConfigTarget.MODERN:
+      return 'modern';
+
+    case WebpackConfigTarget.NODE:
+      return 'ssr';
+
+    default:
+      throw Error(`Unsupported webpack target: ${webpackTarget}`);
+  }
+};
+export const printInspectResult = (webpackTarget, appContext, resolvedConfig, options) => {
+  const webpackConfig = getWebpackConfig(webpackTarget, appContext, resolvedConfig);
+  const {
+    output,
+    verbose,
+    console = true
+  } = options;
+  const outputPath = output ? path.posix.join(appContext.distDirectory, output) : appContext.distDirectory;
+  const tag = getTagByWebpackTarget(webpackTarget);
+  const outputFile = `webpack.${tag}.inspect.js`;
+  const outputFilePath = path.posix.join(outputPath, outputFile);
+  const rawWebpackConfig = formatWebpackConfig(webpackConfig, verbose);
+  fs.outputFileSync(outputFilePath, rawWebpackConfig);
+
+  if (console) {
+    logger.log(`
+webpack config for ${tag} build:
+${rawWebpackConfig}
+    `);
+  }
+
+  return outputFilePath;
+};

package/dist/js/modern/index.js

@@ -7,7 +7,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import * as path from 'path';
 import { defineConfig, cli } from '@modern-js/core';
 import AnalyzePlugin from '@modern-js/plugin-analyze';
-import FastRefreshPlugin from '@modern-js/plugin-fast-refresh/cli';
 import { cleanRequireCache } from '@modern-js/utils';
 import { hooks } from "./hooks";
 import { i18n, localeKeys } from "./locale";
@@ -18,9 +17,9 @@ import { closeServer } from "./utils/createServer";
 export { defineConfig };
 export default (() => ({
   name: '@modern-js/app-tools',
-  post: ['@modern-js/plugin-analyze', '@modern-js/plugin-fast-refresh', '@modern-js/plugin-ssr', '@modern-js/plugin-state', '@modern-js/plugin-router', '@modern-js/plugin-polyfill'],
+  post: ['@modern-js/plugin-analyze', '@modern-js/plugin-ssr', '@modern-js/plugin-state', '@modern-js/plugin-router', '@modern-js/plugin-polyfill'],
   registerHook: hooks,
-  usePlugins: [AnalyzePlugin(), FastRefreshPlugin()],
+  usePlugins: [AnalyzePlugin()],
   setup: api => {
     const locale = getLocaleLanguage();
     i18n.changeLanguage({
@@ -30,10 +29,10 @@ export default (() => ({
       commands({
         program
       }) {
-        program.command('dev').usage('[options]').description(i18n.t(localeKeys.command.dev.describe)).option('-c --config <config>', i18n.t(localeKeys.command.dev.config)).option('-e --entry [entry...]', i18n.t(localeKeys.command.dev.entry)).option('--api-only', i18n.t(localeKeys.command.dev.apiOnly)).action(async options => {
+        program.command('dev').usage('[options]').description(i18n.t(localeKeys.command.dev.describe)).option('-c --config <config>', i18n.t(localeKeys.command.shared.config)).option('-e --entry [entry...]', i18n.t(localeKeys.command.dev.entry)).option('--analyze', i18n.t(localeKeys.command.shared.analyze)).option('--api-only', i18n.t(localeKeys.command.dev.apiOnly)).action(async options => {
           await dev(api, options);
         });
-        program.command('build').usage('[options]').description(i18n.t(localeKeys.command.build.describe)).option('--analyze', i18n.t(localeKeys.command.build.analyze)).action(async options => {
+        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(async options => {
           const {
             build
           } = await import("./commands/build");
@@ -45,7 +44,7 @@ export default (() => ({
         program.command('start').usage('[options]').description(i18n.t(localeKeys.command.start.describe)).option('--api-only', i18n.t(localeKeys.command.dev.apiOnly)).action(async () => {
           await start(api);
         });
-        program.command('deploy').usage('[options]').description(i18n.t(localeKeys.command.deploy.describe)).action(async options => {
+        program.command('deploy').usage('[options]').option('-c --config <config>', i18n.t(localeKeys.command.shared.config)).description(i18n.t(localeKeys.command.deploy.describe)).action(async options => {
           const {
             build
           } = await import("./commands/build");
@@ -65,6 +64,12 @@ export default (() => ({
             locale
           }));
         });
+        program.command('inspect').description('inspect internal webpack config').option(`--env <env>`, i18n.t(localeKeys.command.inspect.env), 'development').option('--output <output>', i18n.t(localeKeys.command.inspect.output), '/').option('--no-console', i18n.t(localeKeys.command.inspect.noConsole)).option('--verbose', i18n.t(localeKeys.command.inspect.verbose)).action(async options => {
+          const {
+            inspect
+          } = await import("./commands/inspect");
+          inspect(api, options);
+        });
       },
 
       // 这里会被 core/initWatcher 监听的文件变动触发，如果是 src 目录下的文件变动，则不做 restart
@@ -87,7 +92,7 @@ export default (() => ({
       },
 
       async beforeRestart() {
-        cleanRequireCache([require.resolve('@modern-js/plugin-analyze/cli'), require.resolve('@modern-js/plugin-fast-refresh/cli')]);
+        cleanRequireCache([require.resolve('@modern-js/plugin-analyze/cli')]);
       }
 
     };

package/dist/js/modern/locale/en.js

@@ -1,14 +1,16 @@
 export const EN_LOCALE = {
   command: {
+    shared: {
+      analyze: 'analyze bundle size',
+      config: 'specify config file'
+    },
     dev: {
       describe: 'start dev server',
-      config: 'specify config file',
       entry: 'compiler by entry',
       apiOnly: 'start api server only'
     },
     build: {
-      describe: 'build application',
-      analyze: 'analyze bundle'
+      describe: 'build application'
     },
     start: {
       describe: 'start server'
@@ -22,6 +24,12 @@ export const EN_LOCALE = {
       config: 'set default generator config(json string)',
       distTag: `use specified tag version for it's generator`,
       registry: 'set npm registry url to run npm command'
+    },
+    inspect: {
+      env: 'specify env mode',
+      output: 'specify inspect content output path',
+      noConsole: 'do not log the result in terminal',
+      verbose: 'show full function definitions in output'
     }
   }
 };

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

@@ -1,14 +1,16 @@
 export const ZH_LOCALE = {
   command: {
+    shared: {
+      analyze: '分析构建产物体积，查看各个模块打包后的大小',
+      config: '指定配置文件路径，可以为相对路径或绝对路径'
+    },
     dev: {
       describe: '本地开发命令',
-      config: '制定配置文件路径',
-      entry: '按入口编译',
+      entry: '指定入口，编译特定的页面',
       apiOnly: '仅启动 API 接口服务'
     },
     build: {
-      describe: '构建应用命令',
-      analyze: '分析构建产物体积，查看各个模块打包后的大小'
+      describe: '构建应用命令'
     },
     start: {
       describe: '应用启动命令'
@@ -22,6 +24,12 @@ export const ZH_LOCALE = {
       config: '生成器运行默认配置(JSON 字符串)',
       distTag: '生成器使用特殊的 npm Tag 版本',
       registry: '生成器运行过程中定制 npm Registry'
+    },
+    inspect: {
+      env: '查看指定环境下的配置',
+      output: '指定在 dist 目录下输出的路径',
+      noConsole: '不在终端中输出完整结果',
+      verbose: '在结果中展示函数的完整内容'
     }
   }
 };

package/dist/js/modern/utils/createCompiler.js

@@ -1,13 +1,6 @@
 import { webpack } from '@modern-js/webpack';
 import { chalk, logger, formatWebpackMessages, clearConsole } from '@modern-js/utils';
 import { printInstructions } from "./printInstructions";
-
-const prettyTime = stats => {
-  var _stats$children;
-
-  return Math.max(...(((_stats$children = stats.children) === null || _stats$children === void 0 ? void 0 : _stats$children.map(child => child.time || 0)) || []));
-};
-
 export const createCompiler = async ({
   api,
   webpackConfigs,
@@ -30,7 +23,6 @@ export const createCompiler = async ({
       logger.log('Compiling...');
     });
     compiler.hooks.done.tap('done', async stats => {
-      clearConsole();
       const statsData = stats.toJson({
         all: false,
         warnings: true,
@@ -53,8 +45,6 @@ export const createCompiler = async ({
           logger.log(chalk.yellow(`Compiled with warnings.\n`));
           logger.log(warnings.join('\n\n'));
           logger.log();
-        } else {
-          logger.log(chalk.green(`Compiled successfully in ${prettyTime(statsData)} ms.\n`));
         }
 
         await printInstructions(hookRunners, appContext, userConfig);

package/dist/js/modern/utils/printInstructions.js

@@ -1,14 +1,6 @@
-import { prettyInstructions, logger, isDev, chalk } from '@modern-js/utils';
+import { prettyInstructions, logger } from '@modern-js/utils';
 export const printInstructions = async (hookRunners, appContext, config) => {
-  let message = prettyInstructions(appContext, config);
-  const {
-    apiOnly
-  } = appContext;
-
-  if (isDev() && !apiOnly) {
-    message += `\n${chalk.cyanBright([`Note that the development build is not optimized.`, `To create a production build, execute build command.`].join('\n'))}`;
-  } // call beforePrintInstructions hook.
-
+  const message = prettyInstructions(appContext, config); // call beforePrintInstructions hook.
 
   const {
     instructions

package/dist/js/node/commands/dev.js

@@ -7,6 +7,8 @@ exports.dev = void 0;
 
 var _utils = require("@modern-js/utils");
 
+var _core = require("@modern-js/core");
+
 var _createCompiler = require("../utils/createCompiler");
 
 var _createServer = require("../utils/createServer");
@@ -30,9 +32,18 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 const dev = async (api, options) => {
+  let userConfig = api.useResolvedConfigContext();
   const appContext = api.useAppContext();
-  const userConfig = api.useResolvedConfigContext();
   const hookRunners = api.useHookRunners();
+
+  _core.manager.run(() => {
+    userConfig = _objectSpread(_objectSpread({}, userConfig), {}, {
+      cliOptions: options
+    });
+
+    _core.ResolvedConfigContext.set(userConfig);
+  });
+
   const {
     appDirectory,
     distDirectory,
@@ -81,10 +92,7 @@ const dev = async (api, options) => {
     dev: _objectSpread(_objectSpread({}, {
       client: {
         port: port.toString(),
-        overlay: false,
-        logging: 'none',
-        path: _utils.HMR_SOCK_PATH,
-        host: 'localhost'
+        logging: 'none'
       },
       devMiddleware: {
         writeToDisk: file => !file.includes('.hot-update.')
@@ -109,7 +117,6 @@ const dev = async (api, options) => {
       return (0, _printInstructions.printInstructions)(hookRunners, appContext, userConfig);
     }
 
-    (0, _utils.clearConsole)();
     return _utils.logger.log(_utils.chalk.cyan(`Starting the development server...`));
   });
 };

package/dist/js/node/commands/inspect.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.printInspectResult = exports.inspect = exports.getTagByWebpackTarget = exports.formatWebpackConfig = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _webpack = require("@modern-js/webpack");
+
+var _utils = require("@modern-js/utils");
+
+var _webpackChain = _interopRequireDefault(require("@modern-js/utils/webpack-chain"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const formatWebpackConfig = (config, verbose) => {
+  const stringify = _webpackChain.default.toString;
+  return `module.exports = ${stringify(config, {
+    verbose
+  })};`;
+};
+
+exports.formatWebpackConfig = formatWebpackConfig;
+
+const inspect = (api, options) => {
+  process.env.NODE_ENV = options.env;
+  const resolvedConfig = api.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const outputFiles = [];
+  outputFiles.push(printInspectResult(_webpack.WebpackConfigTarget.CLIENT, appContext, resolvedConfig, options));
+
+  if (resolvedConfig.output.enableModernMode) {
+    outputFiles.push(printInspectResult(_webpack.WebpackConfigTarget.MODERN, appContext, resolvedConfig, options));
+  }
+
+  if ((0, _utils.isUseSSRBundle)(resolvedConfig)) {
+    outputFiles.push(printInspectResult(_webpack.WebpackConfigTarget.NODE, appContext, resolvedConfig, options));
+  }
+
+  _utils.signale.success('Inspect succeed, you can open following files to view the full webpack config: \n');
+
+  outputFiles.forEach(file => {
+    _utils.signale.log(`  - ${_utils.chalk.yellow(_path.default.relative(appContext.appDirectory, file))}`);
+  });
+
+  _utils.signale.log();
+};
+
+exports.inspect = inspect;
+
+const getTagByWebpackTarget = webpackTarget => {
+  switch (webpackTarget) {
+    case _webpack.WebpackConfigTarget.CLIENT:
+      return 'client';
+
+    case _webpack.WebpackConfigTarget.MODERN:
+      return 'modern';
+
+    case _webpack.WebpackConfigTarget.NODE:
+      return 'ssr';
+
+    default:
+      throw Error(`Unsupported webpack target: ${webpackTarget}`);
+  }
+};
+
+exports.getTagByWebpackTarget = getTagByWebpackTarget;
+
+const printInspectResult = (webpackTarget, appContext, resolvedConfig, options) => {
+  const webpackConfig = (0, _webpack.getWebpackConfig)(webpackTarget, appContext, resolvedConfig);
+  const {
+    output,
+    verbose,
+    console = true
+  } = options;
+  const outputPath = output ? _path.default.posix.join(appContext.distDirectory, output) : appContext.distDirectory;
+  const tag = getTagByWebpackTarget(webpackTarget);
+  const outputFile = `webpack.${tag}.inspect.js`;
+
+  const outputFilePath = _path.default.posix.join(outputPath, outputFile);
+
+  const rawWebpackConfig = formatWebpackConfig(webpackConfig, verbose);
+
+  _utils.fs.outputFileSync(outputFilePath, rawWebpackConfig);
+
+  if (console) {
+    _utils.logger.log(`
+webpack config for ${tag} build:
+${rawWebpackConfig}
+    `);
+  }
+
+  return outputFilePath;
+};
+
+exports.printInspectResult = printInspectResult;

package/dist/js/node/index.js

@@ -17,8 +17,6 @@ var _core = require("@modern-js/core");
 
 var _pluginAnalyze = _interopRequireDefault(require("@modern-js/plugin-analyze"));
 
-var _cli = _interopRequireDefault(require("@modern-js/plugin-fast-refresh/cli"));
-
 var _utils = require("@modern-js/utils");
 
 var _hooks = require("./hooks");
@@ -47,9 +45,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var _default = () => ({
   name: '@modern-js/app-tools',
-  post: ['@modern-js/plugin-analyze', '@modern-js/plugin-fast-refresh', '@modern-js/plugin-ssr', '@modern-js/plugin-state', '@modern-js/plugin-router', '@modern-js/plugin-polyfill'],
+  post: ['@modern-js/plugin-analyze', '@modern-js/plugin-ssr', '@modern-js/plugin-state', '@modern-js/plugin-router', '@modern-js/plugin-polyfill'],
   registerHook: _hooks.hooks,
-  usePlugins: [(0, _pluginAnalyze.default)(), (0, _cli.default)()],
+  usePlugins: [(0, _pluginAnalyze.default)()],
   setup: api => {
     const locale = (0, _language.getLocaleLanguage)();
 
@@ -61,10 +59,10 @@ var _default = () => ({
       commands({
         program
       }) {
-        program.command('dev').usage('[options]').description(_locale.i18n.t(_locale.localeKeys.command.dev.describe)).option('-c --config <config>', _locale.i18n.t(_locale.localeKeys.command.dev.config)).option('-e --entry [entry...]', _locale.i18n.t(_locale.localeKeys.command.dev.entry)).option('--api-only', _locale.i18n.t(_locale.localeKeys.command.dev.apiOnly)).action(async options => {
+        program.command('dev').usage('[options]').description(_locale.i18n.t(_locale.localeKeys.command.dev.describe)).option('-c --config <config>', _locale.i18n.t(_locale.localeKeys.command.shared.config)).option('-e --entry [entry...]', _locale.i18n.t(_locale.localeKeys.command.dev.entry)).option('--analyze', _locale.i18n.t(_locale.localeKeys.command.shared.analyze)).option('--api-only', _locale.i18n.t(_locale.localeKeys.command.dev.apiOnly)).action(async options => {
           await (0, _dev.dev)(api, options);
         });
-        program.command('build').usage('[options]').description(_locale.i18n.t(_locale.localeKeys.command.build.describe)).option('--analyze', _locale.i18n.t(_locale.localeKeys.command.build.analyze)).action(async options => {
+        program.command('build').usage('[options]').description(_locale.i18n.t(_locale.localeKeys.command.build.describe)).option('-c --config <config>', _locale.i18n.t(_locale.localeKeys.command.shared.config)).option('--analyze', _locale.i18n.t(_locale.localeKeys.command.shared.analyze)).action(async options => {
           const {
             build
           } = await Promise.resolve().then(() => _interopRequireWildcard(require("./commands/build")));
@@ -76,7 +74,7 @@ var _default = () => ({
         program.command('start').usage('[options]').description(_locale.i18n.t(_locale.localeKeys.command.start.describe)).option('--api-only', _locale.i18n.t(_locale.localeKeys.command.dev.apiOnly)).action(async () => {
           await (0, _start.start)(api);
         });
-        program.command('deploy').usage('[options]').description(_locale.i18n.t(_locale.localeKeys.command.deploy.describe)).action(async options => {
+        program.command('deploy').usage('[options]').option('-c --config <config>', _locale.i18n.t(_locale.localeKeys.command.shared.config)).description(_locale.i18n.t(_locale.localeKeys.command.deploy.describe)).action(async options => {
           const {
             build
           } = await Promise.resolve().then(() => _interopRequireWildcard(require("./commands/build")));
@@ -96,6 +94,12 @@ var _default = () => ({
             locale
           }));
         });
+        program.command('inspect').description('inspect internal webpack config').option(`--env <env>`, _locale.i18n.t(_locale.localeKeys.command.inspect.env), 'development').option('--output <output>', _locale.i18n.t(_locale.localeKeys.command.inspect.output), '/').option('--no-console', _locale.i18n.t(_locale.localeKeys.command.inspect.noConsole)).option('--verbose', _locale.i18n.t(_locale.localeKeys.command.inspect.verbose)).action(async options => {
+          const {
+            inspect
+          } = await Promise.resolve().then(() => _interopRequireWildcard(require("./commands/inspect")));
+          inspect(api, options);
+        });
       },
 
       // 这里会被 core/initWatcher 监听的文件变动触发，如果是 src 目录下的文件变动，则不做 restart
@@ -118,7 +122,7 @@ var _default = () => ({
       },
 
       async beforeRestart() {
-        (0, _utils.cleanRequireCache)([require.resolve('@modern-js/plugin-analyze/cli'), require.resolve('@modern-js/plugin-fast-refresh/cli')]);
+        (0, _utils.cleanRequireCache)([require.resolve('@modern-js/plugin-analyze/cli')]);
       }
 
     };

package/dist/js/node/locale/en.js

@@ -6,15 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.EN_LOCALE = void 0;
 const EN_LOCALE = {
   command: {
+    shared: {
+      analyze: 'analyze bundle size',
+      config: 'specify config file'
+    },
     dev: {
       describe: 'start dev server',
-      config: 'specify config file',
       entry: 'compiler by entry',
       apiOnly: 'start api server only'
     },
     build: {
-      describe: 'build application',
-      analyze: 'analyze bundle'
+      describe: 'build application'
     },
     start: {
       describe: 'start server'
@@ -28,6 +30,12 @@ const EN_LOCALE = {
       config: 'set default generator config(json string)',
       distTag: `use specified tag version for it's generator`,
       registry: 'set npm registry url to run npm command'
+    },
+    inspect: {
+      env: 'specify env mode',
+      output: 'specify inspect content output path',
+      noConsole: 'do not log the result in terminal',
+      verbose: 'show full function definitions in output'
     }
   }
 };

package/dist/js/node/locale/zh.js

@@ -6,15 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.ZH_LOCALE = void 0;
 const ZH_LOCALE = {
   command: {
+    shared: {
+      analyze: '分析构建产物体积，查看各个模块打包后的大小',
+      config: '指定配置文件路径，可以为相对路径或绝对路径'
+    },
     dev: {
       describe: '本地开发命令',
-      config: '制定配置文件路径',
-      entry: '按入口编译',
+      entry: '指定入口，编译特定的页面',
       apiOnly: '仅启动 API 接口服务'
     },
     build: {
-      describe: '构建应用命令',
-      analyze: '分析构建产物体积，查看各个模块打包后的大小'
+      describe: '构建应用命令'
     },
     start: {
       describe: '应用启动命令'
@@ -28,6 +30,12 @@ const ZH_LOCALE = {
       config: '生成器运行默认配置(JSON 字符串)',
       distTag: '生成器使用特殊的 npm Tag 版本',
       registry: '生成器运行过程中定制 npm Registry'
+    },
+    inspect: {
+      env: '查看指定环境下的配置',
+      output: '指定在 dist 目录下输出的路径',
+      noConsole: '不在终端中输出完整结果',
+      verbose: '在结果中展示函数的完整内容'
     }
   }
 };

package/dist/js/node/utils/createCompiler.js

@@ -11,12 +11,6 @@ var _utils = require("@modern-js/utils");
 
 var _printInstructions = require("./printInstructions");
 
-const prettyTime = stats => {
-  var _stats$children;
-
-  return Math.max(...(((_stats$children = stats.children) === null || _stats$children === void 0 ? void 0 : _stats$children.map(child => child.time || 0)) || []));
-};
-
 const createCompiler = async ({
   api,
   webpackConfigs,
@@ -40,7 +34,6 @@ const createCompiler = async ({
       _utils.logger.log('Compiling...');
     });
     compiler.hooks.done.tap('done', async stats => {
-      (0, _utils.clearConsole)();
       const statsData = stats.toJson({
         all: false,
         warnings: true,
@@ -67,8 +60,6 @@ const createCompiler = async ({
           _utils.logger.log(warnings.join('\n\n'));
 
           _utils.logger.log();
-        } else {
-          _utils.logger.log(_utils.chalk.green(`Compiled successfully in ${prettyTime(statsData)} ms.\n`));
         }
 
         await (0, _printInstructions.printInstructions)(hookRunners, appContext, userConfig);

package/dist/js/node/utils/printInstructions.js

@@ -8,15 +8,7 @@ exports.printInstructions = void 0;
 var _utils = require("@modern-js/utils");
 
 const printInstructions = async (hookRunners, appContext, config) => {
-  let message = (0, _utils.prettyInstructions)(appContext, config);
-  const {
-    apiOnly
-  } = appContext;
-
-  if ((0, _utils.isDev)() && !apiOnly) {
-    message += `\n${_utils.chalk.cyanBright([`Note that the development build is not optimized.`, `To create a production build, execute build command.`].join('\n'))}`;
-  } // call beforePrintInstructions hook.
-
+  const message = (0, _utils.prettyInstructions)(appContext, config); // call beforePrintInstructions hook.
 
   const {
     instructions

package/dist/types/commands/dev.d.ts

@@ -1,3 +1,3 @@
-import type { PluginAPI } from '@modern-js/core';
+import { PluginAPI } from '@modern-js/core';
 import { DevOptions } from '../utils/types';
 export declare const dev: (api: PluginAPI, options: DevOptions) => Promise<void>;

package/dist/types/commands/inspect.d.ts

@@ -0,0 +1,7 @@
+import { Configuration, WebpackConfigTarget } from '@modern-js/webpack';
+import type { PluginAPI, NormalizedConfig, IAppContext } from '@modern-js/core';
+import type { InspectOptions } from '../utils/types';
+export declare const formatWebpackConfig: (config: Configuration, verbose?: boolean | undefined) => string;
+export declare const inspect: (api: PluginAPI, options: InspectOptions) => void;
+export declare const getTagByWebpackTarget: (webpackTarget: WebpackConfigTarget) => "modern" | "client" | "ssr";
+export declare const printInspectResult: (webpackTarget: WebpackConfigTarget, appContext: IAppContext, resolvedConfig: NormalizedConfig, options: InspectOptions) => string;

package/dist/types/locale/en.d.ts

@@ -1,14 +1,16 @@
 export declare const EN_LOCALE: {
   command: {
+    shared: {
+      analyze: string;
+      config: string;
+    };
     dev: {
       describe: string;
-      config: string;
       entry: string;
       apiOnly: string;
     };
     build: {
       describe: string;
-      analyze: string;
     };
     start: {
       describe: string;
@@ -23,5 +25,11 @@ export declare const EN_LOCALE: {
       distTag: string;
       registry: string;
     };
+    inspect: {
+      env: string;
+      output: string;
+      noConsole: string;
+      verbose: string;
+    };
   };
 };

package/dist/types/locale/index.d.ts

@@ -2,15 +2,17 @@ import { I18n } from '@modern-js/plugin-i18n';
 declare const i18n: I18n;
 declare const localeKeys: {
   command: {
+    shared: {
+      analyze: string;
+      config: string;
+    };
     dev: {
       describe: string;
-      config: string;
       entry: string;
       apiOnly: string;
     };
     build: {
       describe: string;
-      analyze: string;
     };
     start: {
       describe: string;
@@ -25,18 +27,26 @@ declare const localeKeys: {
       distTag: string;
       registry: string;
     };
+    inspect: {
+      env: string;
+      output: string;
+      noConsole: string;
+      verbose: string;
+    };
   };
 } | {
   command: {
+    shared: {
+      analyze: string;
+      config: string;
+    };
     dev: {
       describe: string;
-      config: string;
       entry: string;
       apiOnly: string;
     };
     build: {
       describe: string;
-      analyze: string;
     };
     start: {
       describe: string;
@@ -51,6 +61,12 @@ declare const localeKeys: {
       distTag: string;
       registry: string;
     };
+    inspect: {
+      env: string;
+      output: string;
+      noConsole: string;
+      verbose: string;
+    };
   };
 };
 export { i18n, localeKeys };

package/dist/types/locale/zh.d.ts

@@ -1,14 +1,16 @@
 export declare const ZH_LOCALE: {
   command: {
+    shared: {
+      analyze: string;
+      config: string;
+    };
     dev: {
       describe: string;
-      config: string;
       entry: string;
       apiOnly: string;
     };
     build: {
       describe: string;
-      analyze: string;
     };
     start: {
       describe: string;
@@ -23,5 +25,11 @@ export declare const ZH_LOCALE: {
       distTag: string;
       registry: string;
     };
+    inspect: {
+      env: string;
+      output: string;
+      noConsole: string;
+      verbose: string;
+    };
   };
 };

package/dist/types/utils/types.d.ts

@@ -1,10 +1,22 @@
 export declare type DevOptions = {
   entry?: string[] | boolean;
+  config?: string;
   apiOnly?: boolean;
+  analyze?: boolean;
 };
 export declare type BuildOptions = {
+  config?: string;
   analyze?: boolean;
 };
+export declare type DeployOptions = {
+  config?: string;
+};
 export declare type StartOptions = {
   apiOnly?: boolean;
+};
+export declare type InspectOptions = {
+  env?: string;
+  output?: string;
+  console?: boolean;
+  verbose?: boolean;
 };

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.6.4",
+  "version": "1.6.7",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/js/node/index.js",
@@ -56,20 +56,19 @@
     "modern": "./bin/modern.js"
   },
   "dependencies": {
-    "@babel/runtime": "^7",
-    "@modern-js/core": "^1.10.2",
-    "@modern-js/i18n-cli-language-detector": "^1.2.3",
-    "@modern-js/new-action": "^1.3.9",
-    "@modern-js/node-bundle-require": "^1.3.3",
-    "@modern-js/plugin": "^1.3.4",
-    "@modern-js/plugin-analyze": "^1.4.3",
-    "@modern-js/plugin-fast-refresh": "^1.2.6",
-    "@modern-js/plugin-i18n": "^1.2.6",
-    "@modern-js/prod-server": "^1.1.5",
-    "@modern-js/server": "^1.4.14",
-    "@modern-js/types": "^1.5.3",
-    "@modern-js/utils": "^1.7.3",
-    "@modern-js/webpack": "^1.7.0"
+    "@babel/runtime": "^7.18.0",
+    "@modern-js/core": "^1.12.0",
+    "@modern-js/i18n-cli-language-detector": "^1.2.4",
+    "@modern-js/new-action": "^1.3.10",
+    "@modern-js/node-bundle-require": "^1.3.5",
+    "@modern-js/plugin": "^1.3.7",
+    "@modern-js/plugin-analyze": "^1.4.6",
+    "@modern-js/plugin-i18n": "^1.2.7",
+    "@modern-js/prod-server": "^1.1.8",
+    "@modern-js/server": "^1.4.20",
+    "@modern-js/types": "^1.5.4",
+    "@modern-js/utils": "^1.7.7",
+    "@modern-js/webpack": "^1.11.0"
   },
   "devDependencies": {
     "@modern-js/server-core": "1.3.5",
@@ -104,7 +103,8 @@
       "files": [
         "src/**/*",
         "tsconfig.json",
-        "package.json"
+        "package.json",
+        "tests/**/*"
       ],
       "output": []
     }