@modern-js/module-tools 1.1.4 → 1.3.0

package/.eslintrc.js

@@ -1,7 +1,10 @@
 module.exports = {
   extends: ['@modern-js'],
   parserOptions: {
-    project: require.resolve('./tsconfig.json'),
+    project: [
+      require.resolve('./tsconfig.json'),
+      require.resolve('./tests/tsconfig.json'),
+    ],
   },
   ignorePatterns: ['types.d.ts'],
 };

package/CHANGELOG.md

@@ -1,5 +1,69 @@
 # @modern-js/module-tools
 
+## 1.3.0
+
+### Minor Changes
+
+- c5973e7a: add dev sub commands
+- 0d9516f3: fix resolve static file and add -p params
+
+### Patch Changes
+
+- c1455cd6: fix module-tools type file
+- Updated dependencies [823809c6]
+- Updated dependencies [4584cc04]
+- Updated dependencies [7c19fd94]
+- Updated dependencies [0d9516f3]
+  - @modern-js/utils@1.2.1
+  - @modern-js/core@1.3.1
+  - @modern-js/babel-preset-module@1.3.0
+
+## 1.2.0
+
+### Minor Changes
+
+- cfe11628: Make Modern.js self bootstraping
+
+### Patch Changes
+
+- Updated dependencies [2da09c69]
+- Updated dependencies [fc71e36f]
+- Updated dependencies [2c049918]
+- Updated dependencies [c3d46ee4]
+- Updated dependencies [cfe11628]
+- Updated dependencies [1ebc7ee2]
+- Updated dependencies [146dcd85]
+- Updated dependencies [1ebc7ee2]
+  - @modern-js/utils@1.2.0
+  - @modern-js/core@1.3.0
+  - @modern-js/new-action@1.3.0
+  - @modern-js/babel-preset-module@1.2.0
+  - @modern-js/css-config@1.2.0
+  - @modern-js/i18n-cli-language-detector@1.2.0
+  - @modern-js/plugin-analyze@1.2.0
+  - @modern-js/plugin-changeset@1.2.0
+  - @modern-js/plugin-fast-refresh@1.2.0
+  - @modern-js/plugin-i18n@1.2.0
+  - @modern-js/babel-compiler@1.2.0
+  - @modern-js/style-compiler@1.2.0
+  - @modern-js/module-tools-hooks@1.2.0
+
+## 1.1.5
+
+### Patch Changes
+
+- 2da27d3b: fix sourcemap 'source' config
+- Updated dependencies [5e3de7d8]
+- Updated dependencies [2da27d3b]
+- Updated dependencies [4819a3c7]
+- Updated dependencies [b7fb82ec]
+- Updated dependencies [81d93503]
+  - @modern-js/plugin-i18n@1.1.2
+  - @modern-js/babel-compiler@1.1.4
+  - @modern-js/new-action@1.2.2
+  - @modern-js/plugin-changeset@1.1.2
+  - @modern-js/utils@1.1.6
+
 ## 1.1.4
 
 ### Patch Changes

package/dist/js/modern/cli/build.js

@@ -3,7 +3,7 @@ const local = Import.lazy('../locale/index', require);
 const commands = Import.lazy('../commands', require);
 export const buildCli = program => {
   // 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('--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 => {
+  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);
   });
 };

package/dist/js/modern/cli/dev.js

@@ -2,7 +2,7 @@ import { Import } from '@modern-js/utils';
 const local = Import.lazy('../locale', require);
 const commands = Import.lazy('../commands', require);
 export const devCli = program => {
-  program.command('dev').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 params => {
-    await commands.dev(params);
+  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);
   });
 };

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

@@ -5,7 +5,10 @@ const core = Import.lazy('@modern-js/core', require);
 const dotenv = Import.lazy('dotenv', require);
 const tsConfigutils = Import.lazy('../utils/tsconfig', require);
 const valid = Import.lazy('../utils/valide', require);
-export const dev = async option => {
+
+const existSubCmd = subCmd => subCmd.length > 0;
+
+export const dev = async (option, subCmd = '') => {
   const {
     tsconfig: tsconfigName
   } = option;
@@ -22,6 +25,15 @@ export const dev = async option => {
   });
   const isTsProject = tsConfigutils.existTsConfigFile(tsconfigPath);
 
+  if (existSubCmd(subCmd)) {
+    await devFeature.runSubCmd(subCmd, {
+      isTsProject,
+      appDirectory
+    });
+    return;
+  } // Compatible with the use of jupiter, RUN_PLATFORM is used in jupiter
+
+
   if (process.env.RUN_PLATFORM) {
     await devFeature.showMenu({
       isTsProject,

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

@@ -36,6 +36,17 @@ export const devStorybook = async config => {
   } else {
     console.info(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);
+  }
+};
+export const runSubCmd = async (subCmd, config) => {
+  const metas = await core.mountHook().moduleToolsMenu(undefined);
+  const devMeta = metas.find(meta => meta.value === subCmd);
+
+  if (devMeta) {
+    await devMeta.runTask(config);
+  } else {
+    // eslint-disable-next-line no-process-exit
     process.exit(0);
   }
 };

package/dist/js/modern/tasks/build-source-code.js

@@ -63,7 +63,8 @@ export const getWillCompilerCode = (srcDirOrFile, option) => {
   const exts = getExts(isTsProject);
   const globPattern = `${srcDirOrFile}/**/*{${exts.join(',')}}`;
   const files = glob.sync(globPattern, {
-    ignore: [`${srcDirOrFile}/**/*.d.ts`]
+    ignore: [`${srcDirOrFile}/**/*.d.ts`],
+    absolute: true
   });
   return files;
 };

package/dist/js/modern/tasks/build-watch-source-code.js

@@ -1,3 +1,9 @@
+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; }
+
 import { Import, fs } from '@modern-js/utils';
 import { initEnv } from "../utils/init-env";
 const babelCompiler = Import.lazy('@modern-js/babel-compiler', require);
@@ -61,7 +67,9 @@ const runBabelCompiler = async (config, modernConfig) => {
     distDir: config.distDir,
     watchDir: config.srcRootDir,
     extensions: getExts(isTs)
-  }, babelConfig);
+  }, _objectSpread(_objectSpread({}, babelConfig), {}, {
+    sourceMaps: config.sourceMaps
+  }));
   emitter.on(babelCompiler.BuildWatchEvent.compiling, () => {
     console.info(logger.clearFlag, `Compiling...`);
   });

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

@@ -13,7 +13,7 @@ const commands = _utils.Import.lazy('../commands', require);
 
 const buildCli = program => {
   // 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('--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 => {
+  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);
   });
 };

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

@@ -12,8 +12,8 @@ const local = _utils.Import.lazy('../locale', require);
 const commands = _utils.Import.lazy('../commands', require);
 
 const devCli = program => {
-  program.command('dev').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 params => {
-    await commands.dev(params);
+  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);
   });
 };
 

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

@@ -23,7 +23,9 @@ const tsConfigutils = _utils.Import.lazy('../utils/tsconfig', require);
 
 const valid = _utils.Import.lazy('../utils/valide', require);
 
-const dev = async option => {
+const existSubCmd = subCmd => subCmd.length > 0;
+
+const dev = async (option, subCmd = '') => {
   const {
     tsconfig: tsconfigName
   } = option;
@@ -40,6 +42,15 @@ const dev = async option => {
   });
   const isTsProject = tsConfigutils.existTsConfigFile(tsconfigPath);
 
+  if (existSubCmd(subCmd)) {
+    await devFeature.runSubCmd(subCmd, {
+      isTsProject,
+      appDirectory
+    });
+    return;
+  } // Compatible with the use of jupiter, RUN_PLATFORM is used in jupiter
+
+
   if (process.env.RUN_PLATFORM) {
     await devFeature.showMenu({
       isTsProject,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showMenu = exports.devStorybook = void 0;
+exports.showMenu = exports.runSubCmd = exports.devStorybook = void 0;
 
 var _utils = require("@modern-js/utils");
 
@@ -57,4 +57,18 @@ const devStorybook = async config => {
   }
 };
 
-exports.devStorybook = devStorybook;
+exports.devStorybook = devStorybook;
+
+const runSubCmd = async (subCmd, config) => {
+  const metas = await core.mountHook().moduleToolsMenu(undefined);
+  const devMeta = metas.find(meta => meta.value === subCmd);
+
+  if (devMeta) {
+    await devMeta.runTask(config);
+  } else {
+    // eslint-disable-next-line no-process-exit
+    process.exit(0);
+  }
+};
+
+exports.runSubCmd = runSubCmd;

package/dist/js/node/tasks/build-source-code.js

@@ -79,7 +79,8 @@ const getWillCompilerCode = (srcDirOrFile, option) => {
   const exts = getExts(isTsProject);
   const globPattern = `${srcDirOrFile}/**/*{${exts.join(',')}}`;
   const files = glob.sync(globPattern, {
-    ignore: [`${srcDirOrFile}/**/*.d.ts`]
+    ignore: [`${srcDirOrFile}/**/*.d.ts`],
+    absolute: true
   });
   return files;
 };

package/dist/js/node/tasks/build-watch-source-code.js

@@ -4,6 +4,12 @@ var _utils = require("@modern-js/utils");
 
 var _initEnv = require("../utils/init-env");
 
+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 babelCompiler = _utils.Import.lazy('@modern-js/babel-compiler', require);
 
 const logger = _utils.Import.lazy('../features/build/logger', require);
@@ -73,7 +79,9 @@ const runBabelCompiler = async (config, modernConfig) => {
     distDir: config.distDir,
     watchDir: config.srcRootDir,
     extensions: getExts(isTs)
-  }, babelConfig);
+  }, _objectSpread(_objectSpread({}, babelConfig), {}, {
+    sourceMaps: config.sourceMaps
+  }));
   emitter.on(babelCompiler.BuildWatchEvent.compiling, () => {
     console.info(logger.clearFlag, `Compiling...`);
   });

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

@@ -1,4 +1,4 @@
-import type { Platform } from "../types.d";
+import type { Platform } from '../types';
 export interface IBuildOption {
   watch: boolean;
   tsconfig: string;

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

@@ -1,4 +1,4 @@
 export interface IDevOption {
   tsconfig: string;
 }
-export declare const dev: (option: IDevOption) => Promise<void>;
+export declare const dev: (option: IDevOption, subCmd?: string) => Promise<void>;

package/dist/types/features/dev/index.d.ts

@@ -4,4 +4,5 @@ export interface IDevConfig {
 }
 export declare type DevTaskType = 'storybook' | 'docsite' | 'unknow';
 export declare const showMenu: (config: IDevConfig) => Promise<void>;
-export declare const devStorybook: (config: IDevConfig) => Promise<void>;
+export declare const devStorybook: (config: IDevConfig) => Promise<void>;
+export declare const runSubCmd: (subCmd: string, config: IDevConfig) => Promise<void>;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export declare const defineConfig: (config: import("@modern-js/core/config").ConfigParam) => import("@modern-js/core/config").ConfigParam;
+export declare const defineConfig: (config: import("@modern-js/core/src/config").ConfigParam) => import("@modern-js/core/src/config").ConfigParam;
 
 declare const _default: import("@modern-js/core").AsyncPlugin<Partial<import("@modern-js/core").Progresses2Threads<{
   config: import("@modern-js/core").ParallelWorkflow<void, unknown>;

package/jest.config.js

@@ -0,0 +1,8 @@
+const sharedConfig = require('@scripts/jest-config');
+
+/** @type {import('@jest/types').Config.InitialOptions} */
+module.exports = {
+  // eslint-disable-next-line node/no-unsupported-features/es-syntax
+  ...sharedConfig,
+  rootDir: __dirname,
+};

package/lib/types.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="node" />
 /// <reference types="react" />
 /// <reference types="react-dom" />
-/// <reference path="../dist/types/index.d.ts" />
 
 declare namespace NodeJS {
   interface ProcessEnv {

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.1.4",
+  "version": "1.3.0",
   "bin": {
     "modern": "./bin/modern.js"
   },
@@ -23,18 +23,25 @@
   "exports": {
     ".": {
       "node": {
+        "jsnext:source": "./src/index.ts",
         "import": "./dist/js/modern/index.js",
         "require": "./dist/js/node/index.js"
       },
       "default": "./dist/js/treeshaking/index.js"
     },
-    "./cli": "./dist/js/node/index.js",
-    "./build": "./dist/js/node/build.js"
+    "./cli": {
+      "jsnext:source": "./src/index.ts",
+      "default": "./dist/js/node/index.js"
+    },
+    "./build": {
+      "jsnext:source": "./src/build.ts",
+      "default": "./dist/js/node/build.js"
+    }
   },
   "typesVersions": {
     "*": {
-      "build": [
-        "./dist/types/build.d.ts"
+      "type": [
+        "./lib/types.d.ts"
       ]
     }
   },
@@ -44,19 +51,19 @@
     "@babel/runtime": "^7",
     "@babel/traverse": "^7.15.0",
     "@babel/types": "^7.15.0",
-    "@modern-js/babel-compiler": "^1.1.3",
-    "@modern-js/babel-preset-module": "^1.1.2",
-    "@modern-js/core": "^1.2.0",
-    "@modern-js/css-config": "^1.1.2",
-    "@modern-js/i18n-cli-language-detector": "^1.1.1",
-    "@modern-js/module-tools-hooks": "^1.1.2",
-    "@modern-js/new-action": "^1.2.0",
-    "@modern-js/plugin-analyze": "^1.1.2",
-    "@modern-js/plugin-changeset": "^1.1.1",
-    "@modern-js/plugin-fast-refresh": "^1.1.1",
-    "@modern-js/plugin-i18n": "^1.1.1",
-    "@modern-js/style-compiler": "^1.1.3",
-    "@modern-js/utils": "^1.1.5",
+    "@modern-js/babel-compiler": "^1.2.0",
+    "@modern-js/babel-preset-module": "^1.3.0",
+    "@modern-js/core": "^1.3.1",
+    "@modern-js/css-config": "^1.2.0",
+    "@modern-js/i18n-cli-language-detector": "^1.2.0",
+    "@modern-js/module-tools-hooks": "^1.2.0",
+    "@modern-js/new-action": "^1.3.0",
+    "@modern-js/plugin-analyze": "^1.2.0",
+    "@modern-js/plugin-changeset": "^1.2.0",
+    "@modern-js/plugin-fast-refresh": "^1.2.0",
+    "@modern-js/plugin-i18n": "^1.2.0",
+    "@modern-js/style-compiler": "^1.2.0",
+    "@modern-js/utils": "^1.2.1",
     "chalk": "^4.1.2",
     "chokidar": "^3.5.2",
     "dotenv": "^10.0.0",
@@ -75,7 +82,7 @@
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.15.0",
-    "@modern-js/babel-chain": "^1.1.1",
+    "@modern-js/babel-chain": "^1.2.0",
     "@types/babel__core": "^7.1.15",
     "@types/babel__generator": "^7.6.3",
     "@types/babel__traverse": "^7.14.2",
@@ -88,8 +95,9 @@
     "@types/signale": "^1.4.2",
     "commander": "^8.1.0",
     "typescript": "^4",
-    "@modern-js/plugin-testing": "^1.2.0",
-    "@modern-js/module-tools": "^1.1.3"
+    "@scripts/build": "0.0.0",
+    "jest": "^27",
+    "@scripts/jest-config": "0.0.0"
   },
   "sideEffects": false,
   "modernConfig": {
@@ -99,12 +107,13 @@
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
-    "access": "public"
+    "access": "public",
+    "types": "./dist/types/index.d.ts"
   },
   "scripts": {
     "new": "modern new",
     "build": "modern build",
-    "test": "modern test --passWithNoTests"
+    "test": "jest --passWithNoTests"
   },
   "readme": "\n<p align=\"center\">\n  <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>\n</p>\n<p align=\"center\">\n现代 Web 工程体系\n  <br/>\n  <a href=\"https://modernjs.dev\" target=\"blank\">\n    modernjs.dev\n  </a>\n</p>\n<p align=\"center\">\n  The meta-framework suite designed from scratch for frontend-focused modern web development\n</p>\n\n# Introduction\n\n> The doc site ([modernjs.dev](https://modernjs.dev)) and articles are only available in Chinese for now, we are planning to add English versions soon.\n\n- [Modern.js: Hello, World!](https://zhuanlan.zhihu.com/p/426707646)\n\n## Getting Started\n\n- [Quick Start](https://modernjs.dev/docs/start)\n- [Guides](https://modernjs.dev/docs/guides)\n- [API References](https://modernjs.dev/docs/apis)\n\n## Contributing\n\n- [Contributing Guide](https://github.com/modern-js-dev/modern.js/blob/main/CONTRIBUTING.md)\n"
 }

package/src/cli/build.ts

@@ -28,7 +28,7 @@ export const buildCli = (program: Command) => {
       local.i18n.t(local.localeKeys.command.build.style_only),
     )
     .option(
-      '--platform [platform]',
+      '-p, --platform [platform]',
       local.i18n.t(local.localeKeys.command.build.platform),
     )
     .option('--no-tsc', local.i18n.t(local.localeKeys.command.build.no_tsc))

package/src/cli/dev.ts

@@ -1,6 +1,6 @@
 import { Import } from '@modern-js/utils';
 import type { Command } from 'commander';
-import type { IDevOption } from '@/commands/dev';
+import type { IDevOption } from '../commands/dev';
 
 const local: typeof import('../locale') = Import.lazy('../locale', require);
 const commands: typeof import('../commands') = Import.lazy(
@@ -10,7 +10,7 @@ const commands: typeof import('../commands') = Import.lazy(
 
 export const devCli = (program: Command) => {
   program
-    .command('dev')
+    .command('dev [subCmd]')
     .usage('[options]')
     .description(local.i18n.t(local.localeKeys.command.dev.describe))
     .option(
@@ -18,7 +18,7 @@ export const devCli = (program: Command) => {
       local.i18n.t(local.localeKeys.command.build.tsconfig),
       './tsconfig.json',
     )
-    .action(async (params: IDevOption) => {
-      await commands.dev(params);
+    .action(async (subCmd: string, params: IDevOption) => {
+      await commands.dev(params, subCmd);
     });
 };

package/src/commands/build.ts

@@ -1,6 +1,6 @@
 import * as path from 'path';
 import { fs, Import } from '@modern-js/utils';
-import type { Platform } from '@/types';
+import type { Platform } from '../types';
 
 const tsConfigutils: typeof import('../utils/tsconfig') = Import.lazy(
   '../utils/tsconfig',

package/src/commands/dev.ts

@@ -23,7 +23,9 @@ export interface IDevOption {
   tsconfig: string;
 }
 
-export const dev = async (option: IDevOption) => {
+const existSubCmd = (subCmd: string) => subCmd.length > 0;
+
+export const dev = async (option: IDevOption, subCmd = '') => {
   const { tsconfig: tsconfigName } = option;
   const appContext = core.useAppContext();
   const modernConfig = core.useResolvedConfigContext();
@@ -35,6 +37,13 @@ export const dev = async (option: IDevOption) => {
   valid.valideBeforeTask({ modernConfig, tsconfigPath });
 
   const isTsProject = tsConfigutils.existTsConfigFile(tsconfigPath);
+
+  if (existSubCmd(subCmd)) {
+    await devFeature.runSubCmd(subCmd, { isTsProject, appDirectory });
+    return;
+  }
+
+  // Compatible with the use of jupiter, RUN_PLATFORM is used in jupiter
   if (process.env.RUN_PLATFORM) {
     await devFeature.showMenu({ isTsProject, appDirectory });
   } else {

package/src/features/dev/index.ts

@@ -60,3 +60,15 @@ export const devStorybook = async (config: IDevConfig) => {
     process.exit(0);
   }
 };
+
+export const runSubCmd = async (subCmd: string, config: IDevConfig) => {
+  const metas = await (core.mountHook() as any).moduleToolsMenu(undefined);
+
+  const devMeta = metas.find((meta: any) => meta.value === subCmd);
+  if (devMeta) {
+    await devMeta.runTask(config);
+  } else {
+    // eslint-disable-next-line no-process-exit
+    process.exit(0);
+  }
+};

package/src/tasks/build-source-code.ts

@@ -92,6 +92,7 @@ export const getWillCompilerCode = (
   const globPattern = `${srcDirOrFile}/**/*{${exts.join(',')}}`;
   const files = glob.sync(globPattern, {
     ignore: [`${srcDirOrFile}/**/*.d.ts`],
+    absolute: true,
   });
 
   return files;

package/src/tasks/build-watch-source-code.ts

@@ -82,7 +82,7 @@ const runBabelCompiler = async (
       watchDir: config.srcRootDir,
       extensions: getExts(isTs),
     },
-    babelConfig,
+    { ...babelConfig, sourceMaps: config.sourceMaps },
   );
   emitter.on(babelCompiler.BuildWatchEvent.compiling, () => {
     console.info(logger.clearFlag, `Compiling...`);

package/src/tasks/generator-dts.ts

@@ -3,7 +3,7 @@ import * as path from 'path';
 import * as os from 'os';
 import { Import, fs } from '@modern-js/utils';
 import type { NormalizedConfig, CoreOptions } from '@modern-js/core';
-import type { ITsconfig } from '@/types';
+import type { ITsconfig } from '../types';
 
 const tsPathsTransform: typeof import('../utils/tspaths-transform') =
   Import.lazy('../utils/tspaths-transform', require);

package/tests/dev-cli.test.ts

@@ -0,0 +1,25 @@
+import { program } from 'commander';
+import { devCli } from '../src/cli/dev';
+
+const mockCommandDev = jest.fn();
+
+describe('dev cli subCmd', () => {
+  beforeEach(() => {
+    jest.resetAllMocks();
+    jest.mock('../src/commands', () => ({
+      __esModule: true,
+      dev: mockCommandDev,
+    }));
+  });
+  it('should be storybook with "dev storybook"', () => {
+    devCli(program);
+    program.parse(['', '', 'dev', 'storybook']);
+    expect(mockCommandDev.mock.calls[0][1]).toBe('storybook');
+  });
+
+  it('should be undefined with "dev"', () => {
+    devCli(program);
+    program.parse(['', '', 'dev']);
+    expect(mockCommandDev.mock.calls[0][1]).toBe(undefined);
+  });
+});

package/tests/dev-command.test.ts

@@ -0,0 +1,44 @@
+import { dev } from '../src/commands/dev';
+
+const mockRunSubCmd = jest.fn();
+jest.mock('../src/features/dev', () => ({
+  __esModule: true,
+  runSubCmd: mockRunSubCmd,
+  devStorybook: jest.fn(),
+}));
+jest.mock('@modern-js/core', () => ({
+  __esModule: true,
+  useAppContext: jest.fn(() => ({ appDirectory: '' })),
+  useResolvedConfigContext: jest.fn(),
+}));
+
+jest.mock('dotenv', () => ({
+  __esModule: true,
+  config: jest.fn(),
+}));
+
+jest.mock('../src/utils/valide', () => ({
+  __esModule: true,
+  valideBeforeTask: jest.fn(),
+}));
+
+jest.mock('../src/utils/tsconfig', () => ({
+  __esModule: true,
+  existTsConfigFile: jest.fn(),
+}));
+
+describe('dev command with subCmd', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+  it('should call runSubCmd with storybook param', async () => {
+    await dev({ tsconfig: 'tsconfig.json' }, 'storybook');
+    expect(mockRunSubCmd.mock.calls.length).toBe(1);
+    expect(mockRunSubCmd.mock.calls[0][0]).toBe('storybook');
+  });
+
+  it('should not call runSubCmd with nothing param', async () => {
+    await dev({ tsconfig: 'tsconfig.json' });
+    expect(mockRunSubCmd.mock.calls.length).toBe(0);
+  });
+});

package/tests/dev-feature.test.ts

@@ -0,0 +1,30 @@
+import { runSubCmd } from '../src/features/dev';
+
+const mockModuleToolsMenu = jest.fn();
+const mockDevMeta = jest.fn();
+const exit = jest.spyOn(process, 'exit').mockImplementation();
+jest.mock('@modern-js/core', () => ({
+  __esModule: true,
+  mountHook: jest.fn(() => ({
+    moduleToolsMenu: mockModuleToolsMenu,
+  })),
+}));
+
+describe('dev feature with subCmd', () => {
+  beforeEach(() => {
+    console.info('asdas');
+  });
+  it('should run task with "storybook" params when storybook plugin exist', async () => {
+    mockModuleToolsMenu.mockReturnValue([
+      { value: 'storybook', runTask: mockDevMeta },
+    ]);
+    await runSubCmd('storybook', { isTsProject: true, appDirectory: '' });
+    expect(mockDevMeta.mock.calls.length).toBe(1);
+  });
+
+  it('should run task with "storybook" params when storybook plugin not exist', async () => {
+    mockModuleToolsMenu.mockReturnValue([]);
+    await runSubCmd('storybook', { isTsProject: true, appDirectory: '' });
+    expect(exit).toHaveBeenCalled();
+  });
+});

package/tests/fixtures/tspaths/a.ts

@@ -0,0 +1 @@
+import '@/b.ts';

package/tests/fixtures/tspaths/b.ts

@@ -0,0 +1 @@
+export const b = 10;

package/tests/index.test.ts

@@ -0,0 +1,7 @@
+import plugin from '../src';
+
+describe('module-tools', () => {
+  it('default', () => {
+    expect(plugin).toBeDefined();
+  });
+});

package/tests/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "@modern-js/tsconfig/base",
+  "compilerOptions": {
+    "declaration": false,
+    "jsx": "preserve",
+    "baseUrl": "./",
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "paths": {}
+  }
+}

package/tests/tspaths-transform.test.ts

@@ -0,0 +1,21 @@
+import path from 'path';
+import { transformDtsAlias } from '../src/utils/tspaths-transform';
+
+describe('tspaths-transform', () => {
+  it('transformDtsAlias', () => {
+    const filepath = path.join(__dirname, 'fixtures/tspaths/a.ts');
+    const options = {
+      filenames: [filepath],
+      baseUrl: './',
+      paths: {
+        '@/*': ['./*'],
+      },
+    };
+    expect(transformDtsAlias(options)).toEqual([
+      {
+        path: filepath,
+        content: "import '@/b.ts';",
+      },
+    ]);
+  });
+});

package/tsconfig.json

@@ -5,9 +5,8 @@
     "jsx": "preserve",
     "baseUrl": "./",
     "isolatedModules": true,
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "paths": {},
+    "types": ["jest"]
   },
   "include": ["src"]
 }