@modern-js/app-tools 1.0.0-alpha.3

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# @modern-js/app-tools
+
+## 1.0.0-alpha.3
+### Patch Changes
+
+- feat: initial
+- Updated dependencies [undefined]
+  - @modern-js/core@1.0.0-alpha.3
+  - @modern-js/i18n-cli-language-detector@1.0.0-alpha.3
+  - @modern-js/plugin-analyze@1.0.0-alpha.3
+  - @modern-js/plugin-fast-refresh@1.0.0-alpha.3
+  - @modern-js/plugin-i18n@1.0.0-alpha.3
+  - @modern-js/webpack@1.0.0-alpha.3
+  - @modern-js/new-action@1.0.0-alpha.3
+  - @modern-js/plugin-polyfill@1.0.0-alpha.3
+  - @modern-js/server@1.0.0-alpha.3
+  - @modern-js/plugin@1.0.0-alpha.3
+  - @modern-js/types@1.0.0-alpha.3
+  - @modern-js/utils@1.0.0-alpha.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Modern.js
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,32 @@
+
+<p align="center">
+  <a href="https://modernjs.dev" target="blank"><img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ylaelkeh7nuhfnuhf/modernjs-cover.png" width="300" alt="Modern.js Logo" /></a>
+</p>
+
+<p align="center">现代 Web 工程体系</p>
+
+## 背景
+- [迈入现代 Web 开发](https://zhuanlan.zhihu.com/p/386607009)
+- [现代 Web 开发者问卷调查报告](https://zhuanlan.zhihu.com/p/403206195)
+
+## 计划
+
+Modern.js 的 1.0.0.rc 版已经发到 npm，目前在做测试改进，README 文档之后统一提供（现阶段加入测试和开发，可以发 [issue](https://github.com/modern-js-dev/modern.js/issues) 留微信联系），完整的文档站计划在10月14日上线
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

package/bin/modern.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+require('@modern-js/core/bin');

package/dist/js/modern/commands/build.js

@@ -0,0 +1,116 @@
+import { webpack } from 'webpack';
+import { WebpackConfigTarget, getWebpackConfig } from '@modern-js/webpack';
+import { useAppContext, useResolvedConfigContext, mountHook } from '@modern-js/core';
+import { fs, formatWebpackMessages, measureFileSizesBeforeBuild, printFileSizesAfterBuild, printBuildError, logger, isUseSSRBundle } from '@modern-js/utils'; // These sizes are pretty large. We'll warn for bundles exceeding them.
+
+const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
+const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
+export const build = async () => {
+  const webpackBuild = async (webpackConfig, type) => {
+    const compiler = webpack(webpackConfig);
+    return new Promise((resolve, reject) => {
+      let label = process.env.NODE_ENV || '';
+
+      if (type && type !== 'legacy') {
+        label += ` ${type}`;
+      }
+
+      logger.info(`Creating a ${label} build...`);
+      compiler.run((err, stats) => {
+        let messages;
+
+        if (!err) {
+          messages = formatWebpackMessages(stats.toJson({
+            all: false,
+            warnings: true,
+            errors: true
+          }));
+
+          if (messages.errors.length === 0) {
+            logger.info(`File sizes after ${label} build:\n`);
+            printFileSizesAfterBuild(stats, previousFileSizes, outputPath, WARN_AFTER_BUNDLE_GZIP_SIZE, WARN_AFTER_CHUNK_GZIP_SIZE);
+            logger.log();
+          }
+        } // When using run or watch, call close and wait for it to finish before calling run or watch again.
+        // Concurrent compilations will corrupt the output files.
+
+
+        compiler.close(closeErr => {
+          if (closeErr) {
+            logger.error(closeErr);
+          }
+
+          if (err) {
+            reject(err);
+          } else {
+            if (messages.errors.length) {
+              reject(new Error(messages.errors.join('\n\n')));
+              return;
+            }
+
+            resolve({
+              warnings: messages.warnings
+            });
+          }
+        });
+      });
+    });
+  };
+  /* eslint-disable react-hooks/rules-of-hooks */
+
+
+  const {
+    value: resolvedConfig
+  } = useResolvedConfigContext();
+  const {
+    value: appContext
+  } = useAppContext();
+  /* eslint-enable react-hooks/rules-of-hooks */
+
+  const outputPath = appContext.distDirectory;
+  const previousFileSizes = await measureFileSizesBeforeBuild(outputPath);
+  fs.emptyDirSync(outputPath);
+  const buildConfigs = [];
+  buildConfigs.push({
+    type: 'legacy',
+    config: getWebpackConfig(WebpackConfigTarget.CLIENT)
+  });
+
+  if (resolvedConfig.output.enableModernMode) {
+    buildConfigs.push({
+      type: 'modern',
+      config: getWebpackConfig(WebpackConfigTarget.MODERN)
+    });
+  }
+
+  if (isUseSSRBundle(resolvedConfig)) {
+    buildConfigs.push({
+      type: 'ssr',
+      config: getWebpackConfig(WebpackConfigTarget.NODE)
+    });
+  }
+
+  await mountHook().beforeBuild({
+    webpackConfigs: buildConfigs.map(({
+      config
+    }) => config)
+  });
+
+  for (const buildConfig of buildConfigs) {
+    const {
+      type: buildType,
+      config
+    } = buildConfig;
+
+    try {
+      await webpackBuild(config, buildType);
+    } catch (error) {
+      printBuildError(error);
+    }
+  }
+
+  await mountHook().afterBuild(); // force exit after build.
+  // eslint-disable-next-line no-process-exit
+
+  process.exit(0);
+};

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

@@ -0,0 +1,65 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 { getWebpackConfig, WebpackConfigTarget } from '@modern-js/webpack';
+import { fs, logger, HMR_SOCK_PATH, clearConsole, chalk, isSSR } from '@modern-js/utils';
+import { useAppContext, useResolvedConfigContext, mountHook } from '@modern-js/core';
+import { createCompiler } from "../utils/createCompiler";
+import { createServer } from "../utils/createServer";
+export const dev = async () => {
+  /* eslint-disable react-hooks/rules-of-hooks */
+  const {
+    value: appContext
+  } = useAppContext();
+  const {
+    value: userConfig
+  } = useResolvedConfigContext();
+  /* eslint-enable react-hooks/rules-of-hooks */
+
+  const {
+    appDirectory,
+    distDirectory,
+    port
+  } = appContext;
+  fs.emptyDirSync(distDirectory);
+  await mountHook().beforeDev();
+  const webpackConfigs = [isSSR(userConfig) && getWebpackConfig(WebpackConfigTarget.NODE), getWebpackConfig(WebpackConfigTarget.CLIENT)].filter(Boolean);
+  const compiler = await createCompiler({
+    webpackConfigs,
+    userConfig,
+    appContext
+  });
+  const app = await createServer({
+    dev: _objectSpread(_objectSpread({}, {
+      client: {
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+        port: port.toString(),
+        overlay: false,
+        logging: 'none',
+        path: HMR_SOCK_PATH,
+        host: 'localhost'
+      },
+      dev: {
+        writeToDisk: file => !file.includes('.hot-update.')
+      },
+      hot: true,
+      liveReload: true,
+      port
+    }), userConfig.tools.devServer),
+    compiler,
+    pwd: appDirectory,
+    config: userConfig,
+    plugins: appContext.plugins.filter(p => p.server).map(p => p.server)
+  });
+  app.listen(port, err => {
+    if (err) {
+      throw err;
+    }
+
+    clearConsole();
+    logger.log(chalk.cyan(`Starting the development server...`));
+  });
+};

package/dist/js/modern/commands/index.js

@@ -0,0 +1,3 @@
+export * from "./dev";
+export * from "./build";
+export * from "./start";

package/dist/js/modern/commands/start.js

@@ -0,0 +1,32 @@
+import { logger, chalk } from '@modern-js/utils';
+import { useAppContext, useResolvedConfigContext } from '@modern-js/core';
+import server from '@modern-js/server';
+import { printInstructions } from "../utils/printInstructions";
+export const start = async () => {
+  /* eslint-disable react-hooks/rules-of-hooks */
+  const {
+    value: appContext
+  } = useAppContext();
+  const {
+    value: userConfig
+  } = useResolvedConfigContext();
+  /* eslint-enable react-hooks/rules-of-hooks */
+
+  const {
+    appDirectory,
+    port
+  } = appContext;
+  logger.log(chalk.cyan(`Starting the modern server...`));
+  const app = await server({
+    pwd: appDirectory,
+    config: userConfig,
+    plugins: appContext.plugins.filter(p => p.server).map(p => p.server)
+  });
+  app.listen(port, async err => {
+    if (err) {
+      throw err;
+    }
+
+    await printInstructions(appContext);
+  });
+};

package/dist/js/modern/index.js

@@ -0,0 +1,60 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 { createPlugin, defineConfig, usePlugins, cli } from '@modern-js/core';
+import { lifecycle } from "./lifecycle";
+import { i18n, localeKeys } from "./locale";
+import { getLocaleLanguage } from "./utils/language";
+import { start } from "./commands/start";
+import { dev } from "./commands/dev";
+export { defineConfig }; // eslint-disable-next-line react-hooks/rules-of-hooks
+
+usePlugins([require.resolve('@modern-js/plugin-analyze/cli'), require.resolve('@modern-js/plugin-fast-refresh/cli'), require.resolve('@modern-js/plugin-polyfill/cli')]);
+export default createPlugin(() => {
+  const locale = getLocaleLanguage();
+  i18n.changeLanguage({
+    locale
+  });
+  lifecycle();
+  return {
+    commands({
+      program
+    }) {
+      program.command('dev').usage('[options]').description(i18n.t(localeKeys.command.dev.describe)).option('-c --config <config>', i18n.t(localeKeys.command.dev.config)).action(async () => {
+        await dev();
+      });
+      program.command('build').usage('[options]').description(i18n.t(localeKeys.command.build.describe)).action(async () => {
+        const {
+          build
+        } = await import("./commands/build");
+        await build();
+      });
+      program.command('start').usage('[options]').description(i18n.t(localeKeys.command.start.describe)).action(async () => {
+        await start();
+      });
+      program.command('new').usage('[options]').description(i18n.t(localeKeys.command.new.describe)).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(async options => {
+        const {
+          MWANewAction
+        } = await import('@modern-js/new-action');
+        await MWANewAction(_objectSpread(_objectSpread({}, options), {}, {
+          locale
+        }));
+      });
+    },
+
+    async fileChange() {
+      // restart cli.
+      const shouldRestart = await cli.restart();
+
+      if (shouldRestart) {
+        await dev();
+      }
+    }
+
+  };
+}, {
+  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']
+});

package/dist/js/modern/lifecycle.js

@@ -0,0 +1,20 @@
+import { createAsyncWaterfall, createAsyncWorkflow } from '@modern-js/plugin';
+import { registerHook } from '@modern-js/core';
+export const beforeDev = createAsyncWorkflow();
+export const afterDev = createAsyncWorkflow();
+export const beforeCreateCompiler = createAsyncWorkflow();
+export const afterCreateCompiler = createAsyncWorkflow();
+export const beforePrintInstructions = createAsyncWaterfall();
+export const beforeBuild = createAsyncWorkflow();
+export const afterBuild = createAsyncWorkflow();
+export const lifecycle = () => {
+  registerHook({
+    beforeDev,
+    afterDev,
+    beforeCreateCompiler,
+    afterCreateCompiler,
+    beforePrintInstructions,
+    beforeBuild,
+    afterBuild
+  });
+};

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

@@ -0,0 +1,21 @@
+export const EN_LOCALE = {
+  command: {
+    dev: {
+      describe: 'start dev server',
+      config: 'specify config file'
+    },
+    build: {
+      describe: 'build application'
+    },
+    start: {
+      describe: 'start server'
+    },
+    new: {
+      describe: 'generator runner for MWA project',
+      debug: 'using debug mode to log something',
+      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'
+    }
+  }
+};

package/dist/js/modern/locale/index.js

@@ -0,0 +1,9 @@
+import { I18n } from '@modern-js/plugin-i18n';
+import { ZH_LOCALE } from "./zh";
+import { EN_LOCALE } from "./en";
+const i18n = new I18n();
+const localeKeys = i18n.init('zh', {
+  zh: ZH_LOCALE,
+  en: EN_LOCALE
+});
+export { i18n, localeKeys };

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

@@ -0,0 +1,21 @@
+export const ZH_LOCALE = {
+  command: {
+    dev: {
+      describe: '本地开发命令',
+      config: '制定配置文件路径'
+    },
+    build: {
+      describe: '构建应用命令'
+    },
+    start: {
+      describe: '应用启动命令'
+    },
+    new: {
+      describe: 'MWA 项目中中执行生成器',
+      debug: '开启 Debug 模式，打印调试日志信息',
+      config: '生成器运行默认配置(JSON 字符串)',
+      distTag: '生成器使用特殊的 npm Tag 版本',
+      registry: '生成器运行过程中定制 npm Registry'
+    }
+  }
+};

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

@@ -0,0 +1,73 @@
+import webpack from 'webpack';
+import { mountHook } from '@modern-js/core';
+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 ({
+  webpackConfigs,
+  // TODO: params
+  userConfig: _userConfig,
+  appContext
+}) => {
+  try {
+    await mountHook().beforeCreateCompiler({
+      webpackConfigs
+    });
+    const compiler = webpack(webpackConfigs);
+    await mountHook().afterCreateCompiler({
+      compiler
+    });
+    let isFirstCompile = true;
+    compiler.hooks.invalid.tap('invalid', () => {
+      clearConsole();
+      logger.log('Compiling...');
+    });
+    compiler.hooks.done.tap('done', async stats => {
+      clearConsole();
+      const statsData = stats.toJson({
+        all: false,
+        warnings: true,
+        errors: true,
+        timings: true
+      });
+      const {
+        errors,
+        warnings
+      } = formatWebpackMessages(statsData);
+
+      if (errors.length) {
+        logger.log(chalk.red(`Failed to compile.\n`));
+        logger.log(errors.join('\n\n'));
+        logger.log();
+      } else if (process.stdout.isTTY || isFirstCompile) {
+        await mountHook().afterDev();
+
+        if (warnings.length) {
+          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(appContext);
+      } // eslint-disable-next-line require-atomic-updates
+
+
+      isFirstCompile = false;
+    });
+    return compiler;
+  } catch (err) {
+    logger.log(chalk.red(`Failed to compile.`));
+    logger.log();
+    logger.log(err); // eslint-disable-next-line no-process-exit
+
+    process.exit(1);
+  }
+};

package/dist/js/modern/utils/createServer.js

@@ -0,0 +1,12 @@
+import { Server } from '@modern-js/server';
+let server;
+export const createServer = async options => {
+  if (server) {
+    await server.close();
+  } // eslint-disable-next-line require-atomic-updates
+
+
+  server = new Server(options);
+  const app = await server.init();
+  return app;
+};

package/dist/js/modern/utils/language.js

@@ -0,0 +1,5 @@
+import { I18CLILanguageDetector } from '@modern-js/i18n-cli-language-detector';
+export function getLocaleLanguage() {
+  const detector = new I18CLILanguageDetector();
+  return detector.detect();
+}

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

@@ -0,0 +1,17 @@
+import { prettyInstructions, logger, isDev, chalk } from '@modern-js/utils';
+import { mountHook } from '@modern-js/core';
+export const printInstructions = async appContext => {
+  let message = prettyInstructions(appContext);
+
+  if (isDev()) {
+    message += `\n${chalk.cyanBright([`Note that the development build is not optimized.`, `To create a production build, use yarn build.`].join('\n'))}`;
+  } // call beforePrintInstructions hook.
+
+
+  const {
+    instructions
+  } = await mountHook().beforePrintInstructions({
+    instructions: message
+  });
+  logger.log(instructions);
+};

package/dist/js/node/commands/build.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.build = void 0;
+
+var _webpack = require("webpack");
+
+var _webpack2 = require("@modern-js/webpack");
+
+var _core = require("@modern-js/core");
+
+var _utils = require("@modern-js/utils");
+
+// These sizes are pretty large. We'll warn for bundles exceeding them.
+const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
+const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
+
+const build = async () => {
+  const webpackBuild = async (webpackConfig, type) => {
+    const compiler = (0, _webpack.webpack)(webpackConfig);
+    return new Promise((resolve, reject) => {
+      let label = process.env.NODE_ENV || '';
+
+      if (type && type !== 'legacy') {
+        label += ` ${type}`;
+      }
+
+      _utils.logger.info(`Creating a ${label} build...`);
+
+      compiler.run((err, stats) => {
+        let messages;
+
+        if (!err) {
+          messages = (0, _utils.formatWebpackMessages)(stats.toJson({
+            all: false,
+            warnings: true,
+            errors: true
+          }));
+
+          if (messages.errors.length === 0) {
+            _utils.logger.info(`File sizes after ${label} build:\n`);
+
+            (0, _utils.printFileSizesAfterBuild)(stats, previousFileSizes, outputPath, WARN_AFTER_BUNDLE_GZIP_SIZE, WARN_AFTER_CHUNK_GZIP_SIZE);
+
+            _utils.logger.log();
+          }
+        } // When using run or watch, call close and wait for it to finish before calling run or watch again.
+        // Concurrent compilations will corrupt the output files.
+
+
+        compiler.close(closeErr => {
+          if (closeErr) {
+            _utils.logger.error(closeErr);
+          }
+
+          if (err) {
+            reject(err);
+          } else {
+            if (messages.errors.length) {
+              reject(new Error(messages.errors.join('\n\n')));
+              return;
+            }
+
+            resolve({
+              warnings: messages.warnings
+            });
+          }
+        });
+      });
+    });
+  };
+  /* eslint-disable react-hooks/rules-of-hooks */
+
+
+  const {
+    value: resolvedConfig
+  } = (0, _core.useResolvedConfigContext)();
+  const {
+    value: appContext
+  } = (0, _core.useAppContext)();
+  /* eslint-enable react-hooks/rules-of-hooks */
+
+  const outputPath = appContext.distDirectory;
+  const previousFileSizes = await (0, _utils.measureFileSizesBeforeBuild)(outputPath);
+
+  _utils.fs.emptyDirSync(outputPath);
+
+  const buildConfigs = [];
+  buildConfigs.push({
+    type: 'legacy',
+    config: (0, _webpack2.getWebpackConfig)(_webpack2.WebpackConfigTarget.CLIENT)
+  });
+
+  if (resolvedConfig.output.enableModernMode) {
+    buildConfigs.push({
+      type: 'modern',
+      config: (0, _webpack2.getWebpackConfig)(_webpack2.WebpackConfigTarget.MODERN)
+    });
+  }
+
+  if ((0, _utils.isUseSSRBundle)(resolvedConfig)) {
+    buildConfigs.push({
+      type: 'ssr',
+      config: (0, _webpack2.getWebpackConfig)(_webpack2.WebpackConfigTarget.NODE)
+    });
+  }
+
+  await (0, _core.mountHook)().beforeBuild({
+    webpackConfigs: buildConfigs.map(({
+      config
+    }) => config)
+  });
+
+  for (const buildConfig of buildConfigs) {
+    const {
+      type: buildType,
+      config
+    } = buildConfig;
+
+    try {
+      await webpackBuild(config, buildType);
+    } catch (error) {
+      (0, _utils.printBuildError)(error);
+    }
+  }
+
+  await (0, _core.mountHook)().afterBuild(); // force exit after build.
+  // eslint-disable-next-line no-process-exit
+
+  process.exit(0);
+};
+
+exports.build = build;