@modern-js/module-tools 1.4.2 → 1.4.5

package/dist/js/modern/tasks/generator-dts/index.js

@@ -1,7 +1,6 @@
-import * as path from 'path';
-import { Import, fs } from '@modern-js/utils';
+import { Import, execa, fs, isObject } from '@modern-js/utils';
+import { getTscBinPath } from "./utils";
 const core = Import.lazy('@modern-js/core', require);
-const execa = Import.lazy('execa', require);
 const JSON5 = Import.lazy('json5', require);
 const argv = Import.lazy('process.argv', require);
 const utils = Import.lazy('./utils', require);
@@ -62,7 +61,7 @@ const generatorDts = async (_, config) => {
     sourceDir: sourceDirName
   });
   removeTsconfigPath = willDeleteTsconfigPath;
-  const tscBinFile = path.join(appDirectory, './node_modules/.bin/tsc');
+  const tscBinFile = getTscBinPath(appDirectory);
   const watchParams = watch ? ['-w'] : [];
   const childProgress = execa(tscBinFile, ['-p', willDeleteTsconfigPath, ...watchParams], {
     stdio: 'pipe',
@@ -75,17 +74,15 @@ const generatorDts = async (_, config) => {
 
   try {
     await childProgress;
-    console.info('[Tsc Compiler]: Successfully');
+    console.info('[TSC Compiler]: Successfully');
   } catch (e) {
     if (!tsCheck) {
       console.info(`There are some type warnings, which can be checked by configuring 'output.disableTsChecker = false'`);
+    } // 通过使用 execa，可以将 tsc 的 data 类型的报错信息变为异常错误信息
+    else if (isObject(e) && e.stdout) {
+      console.error(e.stdout);
     } else {
-      const isRecord = input => typeof input === 'object'; // 通过使用 execa，可以将tsc 的 data 类型的报错信息变为异常错误信息
-
-
-      if (isRecord(e)) {
-        console.error(e.stdout);
-      }
+      console.error(e);
     }
   }
 

package/dist/js/modern/tasks/generator-dts/utils.js

@@ -5,12 +5,11 @@ 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 * as path from 'path';
-import { Import, fs } from '@modern-js/utils';
-const glob = Import.lazy('glob', require);
+import { Import, glob, fs } from '@modern-js/utils';
+import { merge as deepMerge } from '@modern-js/utils/lodash';
 const babel = Import.lazy('../../utils/babel', require);
 const tsPathsTransform = Import.lazy('../../utils/tspaths-transform', require);
 const constants = Import.lazy('../constants', require);
-const deepMerge = Import.lazy('lodash.merge', require);
 export const generatorTsConfig = (projectTsconfig, {
   appDirectory,
   distDir,
@@ -79,4 +78,13 @@ export const resolveAlias = (modernConfig, config, watchFilenames = []) => {
   for (const r of result) {
     fs.writeFileSync(r.path, r.content);
   }
+};
+export const getTscBinPath = appDirectory => {
+  const tscBinFile = path.join(appDirectory, './node_modules/.bin/tsc');
+
+  if (!fs.existsSync(tscBinFile)) {
+    throw new Error('Failed to excute the `tsc` command, please check if `typescript` is installed correctly in the current directory.');
+  }
+
+  return tscBinFile;
 };

package/dist/js/modern/utils/babel.js

@@ -4,7 +4,7 @@ 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 { getBabelConfig, getModuleBabelChain } from '@modern-js/babel-preset-module';
+import { getBabelConfig } from '@modern-js/babel-preset-module';
 import { applyOptionsChain, getAlias, isUseSSRBundle } from '@modern-js/utils';
 export const getFinalAlias = (modernConfig, option) => {
   const aliasConfig = getAlias(modernConfig.source.alias, option); // 排除内部别名，因为不需要处理
@@ -72,23 +72,6 @@ export const resolveBabelConfig = (appDirectory, modernConfig, option) => {
   }); // Preventing warning when files are too large
 
   internalBabelConfig.compact = false;
-  const babelChain = getModuleBabelChain({
-    appDirectory,
-    enableReactPreset: true,
-    enableTypescriptPreset: true,
-    alias: aliasConfig,
-    envVars,
-    globalVars,
-    lodashOptions,
-    jsxTransformRuntime,
-    importStyle
-  }, {
-    type: option.type,
-    syntax: option.syntax
-  });
   const userBabelConfig = modernConfig.tools.babel;
-  return applyOptionsChain(internalBabelConfig, // TODO: 感觉 userBabelConfig 的类型应该是TransformOptions
-  userBabelConfig, {
-    chain: babelChain
-  });
+  return applyOptionsChain(internalBabelConfig, userBabelConfig);
 };

package/dist/js/modern/utils/copy.js

@@ -8,8 +8,7 @@ import * as path from 'path';
 import { fs, Import } from '@modern-js/utils';
 const globby = Import.lazy('globby', require);
 const fastGlob = Import.lazy('fast-glob', require);
-const normalizePath = Import.lazy('normalize-path', require); // eslint-disable-next-line max-statements
-
+const normalizePath = Import.lazy('normalize-path', require);
 export const copyTask = async option => {
   const {
     modernConfig,

package/dist/js/modern/utils/logger.js

@@ -1,6 +1,5 @@
 import EventEmitter from 'events';
-import { Import } from '@modern-js/utils';
-const chalk = Import.lazy('chalk', require);
+import { chalk } from '@modern-js/utils';
 export const clearFlag = '\x1Bc';
 export const logTemplate = (title, messageStack, maxLength, {
   noBottomBorder: _noBottomBorder = false,

package/dist/js/node/cli/build.js

@@ -11,10 +11,10 @@ const local = _utils.Import.lazy('../locale/index', require);
 
 const commands = _utils.Import.lazy('../commands', require);
 
-const buildCli = program => {
+const buildCli = (program, api) => {
   // TODO: 初始化环境变量
   program.command('build').usage('[options]').description(local.i18n.t(local.localeKeys.command.build.describe)).option('-w, --watch', local.i18n.t(local.localeKeys.command.build.watch)).option('--tsconfig [tsconfig]', local.i18n.t(local.localeKeys.command.build.tsconfig), './tsconfig.json').option('--style-only', local.i18n.t(local.localeKeys.command.build.style_only)).option('-p, --platform [platform]', local.i18n.t(local.localeKeys.command.build.platform)).option('--no-tsc', local.i18n.t(local.localeKeys.command.build.no_tsc)).option('--no-clear', local.i18n.t(local.localeKeys.command.build.no_clear)).action(async subCommand => {
-    await commands.build(subCommand);
+    await commands.build(api, subCommand);
   });
 };
 

package/dist/js/node/cli/dev.js

@@ -11,9 +11,9 @@ const local = _utils.Import.lazy('../locale', require);
 
 const commands = _utils.Import.lazy('../commands', require);
 
-const devCli = program => {
+const devCli = (program, api) => {
   program.command('dev [subCmd]').usage('[options]').description(local.i18n.t(local.localeKeys.command.dev.describe)).option('--tsconfig [tsconfig]', local.i18n.t(local.localeKeys.command.build.tsconfig), './tsconfig.json').action(async (subCmd, params) => {
-    await commands.dev(params, subCmd);
+    await commands.dev(api, params, subCmd);
   });
 };
 

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

@@ -19,11 +19,9 @@ const valid = _utils.Import.lazy('../utils/valide', require);
 
 const buildFeature = _utils.Import.lazy('../features/build', require);
 
-const core = _utils.Import.lazy('@modern-js/core', require);
-
 const dotenv = _utils.Import.lazy('dotenv', require);
 
-const build = async ({
+const build = async (api, {
   watch: _watch = false,
   tsconfig: tsconfigName,
   tsc,
@@ -32,8 +30,8 @@ const build = async ({
 }) => {
   const {
     appDirectory
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  } = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const tsconfigPath = path.join(appDirectory, tsconfigName);
   dotenv.config();
   const isTsProject = tsConfigutils.existTsConfigFile(tsconfigPath);
@@ -43,7 +41,7 @@ const build = async ({
     tsconfigPath
   }); // TODO: 一些配置只需要从modernConfig中获取
 
-  await buildFeature.build({
+  await buildFeature.build(api, {
     appDirectory,
     enableWatchMode: _watch,
     isTsProject,

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

@@ -15,8 +15,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const devFeature = _utils.Import.lazy('../features/dev', require);
 
-const core = _utils.Import.lazy('@modern-js/core', require);
-
 const dotenv = _utils.Import.lazy('dotenv', require);
 
 const tsConfigutils = _utils.Import.lazy('../utils/tsconfig', require);
@@ -25,12 +23,12 @@ const valid = _utils.Import.lazy('../utils/valide', require);
 
 const existSubCmd = subCmd => subCmd.length > 0;
 
-const dev = async (option, subCmd = '') => {
+const dev = async (api, option, subCmd = '') => {
   const {
     tsconfig: tsconfigName
   } = option;
-  const appContext = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  const appContext = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const {
     appDirectory
   } = appContext;
@@ -43,7 +41,7 @@ const dev = async (option, subCmd = '') => {
   const isTsProject = tsConfigutils.existTsConfigFile(tsconfigPath);
 
   if (existSubCmd(subCmd)) {
-    await devFeature.runSubCmd(subCmd, {
+    await devFeature.runSubCmd(api, subCmd, {
       isTsProject,
       appDirectory
     });
@@ -52,12 +50,12 @@ const dev = async (option, subCmd = '') => {
 
 
   if (process.env.RUN_PLATFORM) {
-    await devFeature.showMenu({
+    await devFeature.showMenu(api, {
       isTsProject,
       appDirectory
     });
   } else {
-    await devFeature.devStorybook({
+    await devFeature.devStorybook(api, {
       isTsProject,
       appDirectory
     });

package/dist/js/node/features/build/build-platform.js

@@ -13,22 +13,19 @@ 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 core = _utils.Import.lazy('@modern-js/core', require);
-
-const execa = _utils.Import.lazy('execa', require);
-
 const lg = _utils.Import.lazy('./logger', require);
 
 const pMap = _utils.Import.lazy('p-map', require);
 
-const buildPlatform = async option => {
+const buildPlatform = async (api, option) => {
   const {
     isTsProject = false,
     platform
   } = option;
   const lm = new lg.LoggerManager(); // 获取platforms的参数
 
-  const buildTasks = await core.mountHook().platformBuild({
+  const runners = api.useHookRunners();
+  const buildTasks = await runners.platformBuild({
     isTsProject
   });
 
@@ -59,7 +56,7 @@ const buildPlatform = async option => {
     params,
     logger: _
   }) => {
-    const childProcess = execa.node(taskPath, params, {
+    const childProcess = _utils.execa.node(taskPath, params, {
       stdio: 'inherit',
       all: true
     }); // lm.addStdout(logger, childProcess.stdout, {
@@ -67,6 +64,7 @@ const buildPlatform = async option => {
     // });
     // lm.addStderr(logger, childProcess.stderr);
 
+
     try {
       await childProcess;
     } catch (_unused) {

package/dist/js/node/features/build/build-watch.js

@@ -15,10 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const core = _utils.Import.lazy('@modern-js/core', require);
-
-const execa = _utils.Import.lazy('execa', require);
-
 const lg = _utils.Import.lazy('./logger', require);
 
 const pMap = _utils.Import.lazy('p-map', require);
@@ -27,10 +23,10 @@ const utils = _utils.Import.lazy('./utils', require);
 
 const constants = _utils.Import.lazy('./constants', require);
 
-const buildInWatchMode = async (config, _) => {
+const buildInWatchMode = async (api, config, _) => {
   const {
     appDirectory
-  } = core.useAppContext();
+  } = api.useAppContext();
   const {
     sourceDir,
     enableTscCompiler
@@ -50,15 +46,15 @@ const buildInWatchMode = async (config, _) => {
   const copyLog = lm.createLoggerText({
     title: 'Copy Log:'
   });
-  const initCodeMapper = utils.getCodeInitMapper(config);
-  const taskMapper = [...utils.getCodeMapper({
+  const initCodeMapper = utils.getCodeInitMapper(api, config);
+  const taskMapper = [...utils.getCodeMapper(api, {
     logger: codeLog,
     taskPath: require.resolve("../../tasks/build-watch-source-code"),
     config,
     willCompilerDirOrFile: sourceDir,
     initMapper: initCodeMapper,
     srcRootDir
-  }), ...(enableTscCompiler ? utils.getDtsMapper(config, dtsLog) : []), {
+  }), ...(enableTscCompiler ? utils.getDtsMapper(api, config, dtsLog) : []), {
     logger: styleLog,
     taskPath: require.resolve("../../tasks/build-watch-style")
   }, {
@@ -77,7 +73,7 @@ const buildInWatchMode = async (config, _) => {
     taskPath,
     params
   }) => {
-    const childProcess = execa.node(taskPath, params, {
+    const childProcess = _utils.execa.node(taskPath, params, {
       stdio: 'pipe'
     });
 

package/dist/js/node/features/build/build.js

@@ -15,27 +15,22 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-/* eslint-disable max-statements */
 const pMap = _utils.Import.lazy('p-map', require);
 
 const utils = _utils.Import.lazy('./utils', require);
 
-const execa = _utils.Import.lazy('execa', require);
-
 const lg = _utils.Import.lazy('./logger', require);
 
 const constants = _utils.Import.lazy('./constants', require);
 
-const core = _utils.Import.lazy('@modern-js/core', require);
-
-const buildSourceCode = async (config, _) => {
+const buildSourceCode = async (api, config, _) => {
   const {
     sourceDir,
     enableTscCompiler
   } = config;
   const {
     appDirectory
-  } = core.useAppContext();
+  } = api.useAppContext();
   const concurrency = os.cpus().length;
   const srcRootDir = path.join(appDirectory, sourceDir);
   const lm = new lg.LoggerManager();
@@ -51,15 +46,15 @@ const buildSourceCode = async (config, _) => {
   const copyLog = lm.createLoggerText({
     title: 'Copy Log:'
   });
-  const initCodeMapper = utils.getCodeInitMapper(config);
-  const taskMapper = [...utils.getCodeMapper({
+  const initCodeMapper = utils.getCodeInitMapper(api, config);
+  const taskMapper = [...utils.getCodeMapper(api, {
     logger: codeLog,
     taskPath: require.resolve("../../tasks/build-source-code"),
     config,
     willCompilerDirOrFile: sourceDir,
     initMapper: initCodeMapper,
     srcRootDir
-  }), ...(enableTscCompiler ? utils.getDtsMapper(config, dtsLog) : []), {
+  }), ...(enableTscCompiler ? utils.getDtsMapper(api, config, dtsLog) : []), {
     logger: styleLog,
     taskPath: require.resolve("../../tasks/build-style")
   }, {
@@ -72,7 +67,7 @@ const buildSourceCode = async (config, _) => {
     taskPath,
     params
   }) => {
-    const childProcess = execa.node(taskPath, params, {
+    const childProcess = _utils.execa.node(taskPath, params, {
       stdio: 'pipe'
     });
 
@@ -127,7 +122,5 @@ const buildSourceCode = async (config, _) => {
     process.exit(1);
   }
 };
-/* eslint-enable max-statements */
-
 
 exports.buildSourceCode = buildSourceCode;

package/dist/js/node/features/build/index.js

@@ -17,7 +17,7 @@ const buildWatchFeature = _utils.Import.lazy('./build-watch', require);
 
 const bp = _utils.Import.lazy('./build-platform', require);
 
-const build = async (config, modernConfig) => {
+const build = async (api, config, modernConfig) => {
   const {
     appDirectory,
     enableWatchMode,
@@ -33,7 +33,7 @@ const build = async (config, modernConfig) => {
 
   if (typeof platform === 'boolean' && platform) {
     if (process.env.RUN_PLATFORM) {
-      await bp.buildPlatform({
+      await bp.buildPlatform(api, {
         platform: 'all',
         isTsProject
       });
@@ -44,7 +44,7 @@ const build = async (config, modernConfig) => {
 
   if (typeof platform === 'string') {
     if (process.env.RUN_PLATFORM) {
-      await bp.buildPlatform({
+      await bp.buildPlatform(api, {
         platform,
         isTsProject
       });
@@ -58,9 +58,9 @@ const build = async (config, modernConfig) => {
   }
 
   if (enableWatchMode) {
-    await buildWatchFeature.buildInWatchMode(config, modernConfig);
+    await buildWatchFeature.buildInWatchMode(api, config, modernConfig);
   } else {
-    await buildFeature.buildSourceCode(config, modernConfig);
+    await buildFeature.buildSourceCode(api, config, modernConfig);
   }
 };
 

package/dist/js/node/features/build/utils.js

@@ -15,9 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const constants = _utils.Import.lazy('./constants', require);
-
-const core = _utils.Import.lazy('@modern-js/core', require); // 硬解字符串返回相应格式的对象
+const constants = _utils.Import.lazy('./constants', require); // 硬解字符串返回相应格式的对象
 
 
 const updateMapper = (packageFieldValue, outDir, mapper) => {
@@ -44,13 +42,13 @@ const updateMapper = (packageFieldValue, outDir, mapper) => {
   }
 };
 
-const getCodeInitMapper = _ => {
+const getCodeInitMapper = (api, _) => {
   const {
     output: {
       packageFields,
       packageMode
     }
-  } = core.useResolvedConfigContext();
+  } = api.useResolvedConfigContext();
   let initMapper = []; // 如果不存在packageFields配置或者packageFields为空对象，则使用 packageMode
 
   if (!packageFields || typeof packageFields === 'object' && Object.keys(packageFields).length === 0) {
@@ -82,7 +80,7 @@ const getCodeInitMapper = _ => {
 
 exports.getCodeInitMapper = getCodeInitMapper;
 
-const getCodeMapper = ({
+const getCodeMapper = (api, {
   logger,
   taskPath,
   config,
@@ -92,8 +90,8 @@ const getCodeMapper = ({
 }) => {
   const {
     appDirectory
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  } = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const {
     output: {
       enableSourceMap,
@@ -121,11 +119,11 @@ const getCodeMapper = ({
 
 exports.getCodeMapper = getCodeMapper;
 
-const getDtsMapper = (config, logger) => {
+const getDtsMapper = (api, config, logger) => {
   const {
     appDirectory
-  } = core.useAppContext();
-  const modernConfig = core.useResolvedConfigContext();
+  } = api.useAppContext();
+  const modernConfig = api.useResolvedConfigContext();
   const {
     output: {
       disableTsChecker,

package/dist/js/node/features/dev/index.js

@@ -7,21 +7,16 @@ exports.showMenu = exports.runSubCmd = exports.devStorybook = void 0;
 
 var _utils = require("@modern-js/utils");
 
-var _chalk = _interopRequireDefault(require("chalk"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const core = _utils.Import.lazy('@modern-js/core', require);
-
 const inquirer = _utils.Import.lazy('inquirer', require);
 
 const color = _utils.Import.lazy('../../utils/color', require);
 
-const showMenu = async config => {
-  const metas = await core.mountHook().moduleToolsMenu(undefined);
+const showMenu = async (api, config) => {
+  const runners = api.useHookRunners();
+  const metas = await runners.moduleToolsMenu(undefined);
 
   if (metas.length <= 0) {
-    console.info(_chalk.default.yellow('No runnable development features found.\nYou can use the `new` command to enable the development features')); // eslint-disable-next-line no-process-exit
+    console.info(_utils.chalk.yellow('No runnable development features found.\nYou can use the `new` command to enable the development features')); // eslint-disable-next-line no-process-exit
 
     process.exit(0);
   }
@@ -44,14 +39,15 @@ const showMenu = async config => {
 
 exports.showMenu = showMenu;
 
-const devStorybook = async config => {
-  const metas = await core.mountHook().moduleToolsMenu(undefined);
+const devStorybook = async (api, config) => {
+  const runners = api.useHookRunners();
+  const metas = await runners.moduleToolsMenu(undefined);
   const findStorybook = metas.find(meta => meta.value === 'storybook');
 
   if (findStorybook) {
     await findStorybook.runTask(config);
   } else {
-    console.info(_chalk.default.yellow('No development features found.\nYou can use the `new` command to enable the development features')); // eslint-disable-next-line no-process-exit
+    console.info(_utils.chalk.yellow('No development features found.\nYou can use the `new` command to enable the development features')); // eslint-disable-next-line no-process-exit
 
     process.exit(0);
   }
@@ -59,8 +55,9 @@ const devStorybook = async config => {
 
 exports.devStorybook = devStorybook;
 
-const runSubCmd = async (subCmd, config) => {
-  const metas = await core.mountHook().moduleToolsMenu(undefined);
+const runSubCmd = async (api, subCmd, config) => {
+  const runners = api.useHookRunners();
+  const metas = await runners.moduleToolsMenu(undefined);
   const devMeta = metas.find(meta => meta.value === subCmd || Array.isArray(meta.aliasValues) && meta.aliasValues.includes(subCmd));
 
   if (devMeta) {

package/dist/js/node/hooks/build.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.platformBuild = exports.moduleTailwindConfig = exports.moduleSassConfig = exports.moduleLessConfig = exports.lifecycle = exports.buildHooks = void 0;
+
+var _plugin = require("@modern-js/plugin");
+
+var _core = require("@modern-js/core");
+
+const platformBuild = (0, _plugin.createParallelWorkflow)();
+exports.platformBuild = platformBuild;
+const moduleLessConfig = (0, _plugin.createAsyncPipeline)();
+exports.moduleLessConfig = moduleLessConfig;
+const moduleSassConfig = (0, _plugin.createAsyncPipeline)();
+exports.moduleSassConfig = moduleSassConfig;
+const moduleTailwindConfig = (0, _plugin.createAsyncPipeline)();
+exports.moduleTailwindConfig = moduleTailwindConfig;
+const buildHooks = {
+  platformBuild,
+  moduleLessConfig,
+  moduleSassConfig,
+  moduleTailwindConfig
+};
+exports.buildHooks = buildHooks;
+
+const lifecycle = () => {
+  (0, _core.registerHook)({
+    moduleLessConfig,
+    moduleSassConfig,
+    moduleTailwindConfig,
+    platformBuild
+  });
+};
+
+exports.lifecycle = lifecycle;

package/dist/js/node/hooks/dev.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.moduleToolsMenu = exports.lifecycle = exports.devHooks = void 0;
+
+var _plugin = require("@modern-js/plugin");
+
+var _core = require("@modern-js/core");
+
+const moduleToolsMenu = (0, _plugin.createParallelWorkflow)();
+exports.moduleToolsMenu = moduleToolsMenu;
+const devHooks = {
+  moduleToolsMenu
+};
+exports.devHooks = devHooks;
+
+const lifecycle = () => {
+  (0, _core.registerHook)({
+    moduleToolsMenu
+  });
+};
+
+exports.lifecycle = lifecycle;

package/dist/js/node/hooks/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "buildLifeCycle", {
+  enumerable: true,
+  get: function () {
+    return _build.lifecycle;
+  }
+});
+Object.defineProperty(exports, "devLifeCycle", {
+  enumerable: true,
+  get: function () {
+    return _dev.lifecycle;
+  }
+});
+exports.lifecycle = exports.hooks = void 0;
+
+var _build = require("./build");
+
+var _dev = require("./dev");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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; }
+
+const lifecycle = () => {
+  (0, _dev.lifecycle)();
+  (0, _build.lifecycle)();
+};
+
+exports.lifecycle = lifecycle;
+
+const hooks = _objectSpread(_objectSpread({}, _build.buildHooks), _dev.devHooks);
+
+exports.hooks = hooks;