@modern-js/module-tools 1.1.1-jupiter.0 → 1.1.3

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @modern-js/module-tools
 
+## 1.1.3
+
+### Patch Changes
+
+- ca7dcb32: support BUILD_FORMAT env and fix watch feature not work
+- Updated dependencies [90eeb72c]
+- Updated dependencies [e04914ce]
+- Updated dependencies [e12b3d0b]
+- Updated dependencies [ca7dcb32]
+- Updated dependencies [e12b3d0b]
+- Updated dependencies [5a4c557e]
+- Updated dependencies [e04914ce]
+- Updated dependencies [0c81020f]
+- Updated dependencies [ca7dcb32]
+- Updated dependencies [ecb344dc]
+  - @modern-js/core@1.2.0
+  - @modern-js/new-action@1.2.0
+  - @modern-js/babel-preset-module@1.1.2
+  - @modern-js/plugin-analyze@1.1.2
+  - @modern-js/babel-compiler@1.1.3
+  - @modern-js/utils@1.1.5
+
+## 1.1.2
+
+### Patch Changes
+
+- d927bc83: add run platform task with RUN_PLATFORM env vars
+- Updated dependencies [d927bc83]
+- Updated dependencies [d73ff455]
+- Updated dependencies [9c1ab865]
+- Updated dependencies [c5e3d4ad]
+- Updated dependencies [d73ff455]
+- Updated dependencies [d73ff455]
+- Updated dependencies [d73ff455]
+- Updated dependencies [d73ff455]
+  - @modern-js/utils@1.1.4
+  - @modern-js/core@1.1.4
+  - @modern-js/style-compiler@1.1.3
+  - @modern-js/css-config@1.1.2
+  - @modern-js/module-tools-hooks@1.1.2
+
 ## 1.1.1
 
 ### Patch Changes

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

@@ -27,6 +27,9 @@ export const buildInWatchMode = async (config, _) => {
   const styleLog = lm.createLoggerText({
     title: constants.runStyleCompilerTitle
   });
+  const copyLog = lm.createLoggerText({
+    title: 'Copy Log:'
+  });
   const initCodeMapper = utils.getCodeInitMapper(config);
   const taskMapper = [...utils.getCodeMapper({
     logger: codeLog,
@@ -38,6 +41,10 @@ export const buildInWatchMode = async (config, _) => {
   }), ...(enableTscCompiler ? utils.getDtsMapper(config, dtsLog) : []), {
     logger: styleLog,
     taskPath: require.resolve("../../tasks/build-watch-style")
+  }, {
+    logger: copyLog,
+    taskPath: require.resolve("../../tasks/copy-assets"),
+    params: ['--watch']
   }];
   lm.on('data', () => {
     console.info(constants.clearFlag);
@@ -78,7 +85,7 @@ export const buildInWatchMode = async (config, _) => {
       });
     }
 
-    if (logger === styleLog) {
+    if (logger === styleLog || logger === copyLog) {
       lm.addStdout(logger, childProcess.stdout, {
         event: {
           error: true,

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

@@ -118,11 +118,11 @@ export const initEnv = ({
   type
 }) => {
   if (syntax === 'es6+' && type === 'commonjs') {
-    return 'nodejs';
+    return 'CJS_ES6';
   } else if (syntax === 'es6+' && type === 'module') {
-    return 'modern';
+    return 'ESM_ES6';
   } else if (syntax === 'es5' && type === 'module') {
-    return 'legacy-browser';
+    return 'ESM_ES5';
   }
 
   return '';
@@ -143,11 +143,11 @@ const defaultConfig = {
 const taskMain = async ({
   modernConfig
 }) => {
-  // 执行脚本的参数处理和相关需要配置的获取
+  // Execution of the script's parameter handling and related required configuration acquisition
   const processArgv = argv(process.argv.slice(2));
-  const config = processArgv(defaultConfig); // process.env.BUILD_MODE = initEnv(config);
-
-  const compiler = Compiler.babel; // 目前暂时只支持 babel
+  const config = processArgv(defaultConfig);
+  process.env.BUILD_FORMAT = initEnv(config);
+  const compiler = Compiler.babel; // Currently, only babel is supported.
 
   const babelConfig = bc.resolveBabelConfig(config.appDirectory, modernConfig, {
     sourceAbsDir: config.srcRootDir,
@@ -196,9 +196,17 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   const {
     resolved
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({

package/dist/js/modern/tasks/build-style.js

@@ -143,11 +143,19 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   hooks.buildLifeCycle();
   const {
     resolved: modernConfig,
     appContext
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({

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

@@ -1,4 +1,5 @@
 import { Import, fs } from '@modern-js/utils';
+import { initEnv } from "./build-source-code";
 const babelCompiler = Import.lazy('@modern-js/babel-compiler', require);
 const logger = Import.lazy('../features/build/logger', require);
 const ts = Import.lazy('../utils/tsconfig', require);
@@ -123,13 +124,22 @@ const taskMain = async ({
     syntax: 'es5',
     type: 'module'
   });
+  process.env.BUILD_FORMAT = initEnv(config);
   await buildSourceCode(config, modernConfig);
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   const {
     resolved
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({

package/dist/js/modern/tasks/build-watch-style.js

@@ -53,6 +53,7 @@ const copyOriginStyleFiles = ({
 
   for (const styleFile of styleFiles) {
     const file = path.relative(targetDir, styleFile);
+    fs.ensureFileSync(path.join(outputDir, file));
     fs.copyFileSync(styleFile, path.join(outputDir, file));
   }
 };
@@ -77,9 +78,13 @@ const taskMain = async ({
     appDirectory
   } = appContext;
   const lessOption = await core.mountHook().moduleLessConfig({
+    modernConfig
+  }, {
     onLast: async _ => null
   });
   const sassOption = await core.mountHook().moduleSassConfig({
+    modernConfig
+  }, {
     onLast: async _ => null
   });
   const postcssOption = getPostcssOption(appDirectory, modernConfig);
@@ -186,11 +191,19 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   hooks.buildLifeCycle();
   const {
     resolved: modernConfig,
     appContext
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({
@@ -198,7 +211,7 @@ const taskMain = async ({
         appContext
       });
     } catch (e) {
-      console.error(e.message);
+      console.error(e);
     }
   });
 })();

package/dist/js/modern/tasks/copy-assets.js

@@ -89,10 +89,18 @@ const taskMain = ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   const {
     resolved: modernConfig,
     appContext
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   core.manager.run(() => {
     try {
       taskMain({

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

@@ -202,9 +202,17 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   const {
     resolved
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({

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

@@ -47,6 +47,9 @@ const buildInWatchMode = async (config, _) => {
   const styleLog = lm.createLoggerText({
     title: constants.runStyleCompilerTitle
   });
+  const copyLog = lm.createLoggerText({
+    title: 'Copy Log:'
+  });
   const initCodeMapper = utils.getCodeInitMapper(config);
   const taskMapper = [...utils.getCodeMapper({
     logger: codeLog,
@@ -58,6 +61,10 @@ const buildInWatchMode = async (config, _) => {
   }), ...(enableTscCompiler ? utils.getDtsMapper(config, dtsLog) : []), {
     logger: styleLog,
     taskPath: require.resolve("../../tasks/build-watch-style")
+  }, {
+    logger: copyLog,
+    taskPath: require.resolve("../../tasks/copy-assets"),
+    params: ['--watch']
   }];
   lm.on('data', () => {
     console.info(constants.clearFlag);
@@ -98,7 +105,7 @@ const buildInWatchMode = async (config, _) => {
       });
     }
 
-    if (logger === styleLog) {
+    if (logger === styleLog || logger === copyLog) {
       lm.addStdout(logger, childProcess.stdout, {
         event: {
           error: true,

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

@@ -141,11 +141,11 @@ const initEnv = ({
   type
 }) => {
   if (syntax === 'es6+' && type === 'commonjs') {
-    return 'nodejs';
+    return 'CJS_ES6';
   } else if (syntax === 'es6+' && type === 'module') {
-    return 'modern';
+    return 'ESM_ES6';
   } else if (syntax === 'es5' && type === 'module') {
-    return 'legacy-browser';
+    return 'ESM_ES5';
   }
 
   return '';
@@ -168,11 +168,11 @@ const defaultConfig = {
 const taskMain = async ({
   modernConfig
 }) => {
-  // 执行脚本的参数处理和相关需要配置的获取
+  // Execution of the script's parameter handling and related required configuration acquisition
   const processArgv = argv(process.argv.slice(2));
-  const config = processArgv(defaultConfig); // process.env.BUILD_MODE = initEnv(config);
-
-  const compiler = Compiler.babel; // 目前暂时只支持 babel
+  const config = processArgv(defaultConfig);
+  process.env.BUILD_FORMAT = initEnv(config);
+  const compiler = Compiler.babel; // Currently, only babel is supported.
 
   const babelConfig = bc.resolveBabelConfig(config.appDirectory, modernConfig, {
     sourceAbsDir: config.srcRootDir,
@@ -222,9 +222,17 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   const {
     resolved
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({

package/dist/js/node/tasks/build-style.js

@@ -159,11 +159,19 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   hooks.buildLifeCycle();
   const {
     resolved: modernConfig,
     appContext
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({

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

@@ -2,6 +2,8 @@
 
 var _utils = require("@modern-js/utils");
 
+var _buildSourceCode = require("./build-source-code");
+
 const babelCompiler = _utils.Import.lazy('@modern-js/babel-compiler', require);
 
 const logger = _utils.Import.lazy('../features/build/logger', require);
@@ -134,13 +136,22 @@ const taskMain = async ({
     syntax: 'es5',
     type: 'module'
   });
+  process.env.BUILD_FORMAT = (0, _buildSourceCode.initEnv)(config);
   await buildSourceCode(config, modernConfig);
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   const {
     resolved
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({

package/dist/js/node/tasks/build-watch-style.js

@@ -69,6 +69,8 @@ const copyOriginStyleFiles = ({
   for (const styleFile of styleFiles) {
     const file = path.relative(targetDir, styleFile);
 
+    _utils.fs.ensureFileSync(path.join(outputDir, file));
+
     _utils.fs.copyFileSync(styleFile, path.join(outputDir, file));
   }
 };
@@ -93,9 +95,13 @@ const taskMain = async ({
     appDirectory
   } = appContext;
   const lessOption = await core.mountHook().moduleLessConfig({
+    modernConfig
+  }, {
     onLast: async _ => null
   });
   const sassOption = await core.mountHook().moduleSassConfig({
+    modernConfig
+  }, {
     onLast: async _ => null
   });
   const postcssOption = getPostcssOption(appDirectory, modernConfig);
@@ -203,11 +209,19 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   hooks.buildLifeCycle();
   const {
     resolved: modernConfig,
     appContext
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({
@@ -215,7 +229,7 @@ const taskMain = async ({
         appContext
       });
     } catch (e) {
-      console.error(e.message);
+      console.error(e);
     }
   });
 })();

package/dist/js/node/tasks/copy-assets.js

@@ -106,10 +106,18 @@ const taskMain = ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   const {
     resolved: modernConfig,
     appContext
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   core.manager.run(() => {
     try {
       taskMain({

package/dist/js/node/tasks/generator-dts.js

@@ -223,9 +223,17 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options;
+
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({
+      options
+    } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+
   const {
     resolved
-  } = await core.cli.init();
+  } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({

package/dist/types/tasks/build-source-code.d.ts

@@ -25,7 +25,10 @@ export declare const buildSourceCode: (config: IBuildSourceCodeConfig) => Promis
 export declare const initEnv: ({
   syntax,
   type
-}: ITaskConfig) => "" | "modern" | "nodejs" | "legacy-browser";
+}: {
+  syntax: ITaskConfig['syntax'];
+  type: ITaskConfig['type'];
+}) => "" | "CJS_ES6" | "ESM_ES6" | "ESM_ES5";
 interface ITaskConfig {
   srcRootDir: string;
   willCompilerDirOrFile: string;

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.1.1-jupiter.0",
+  "version": "1.1.3",
   "bin": {
     "modern": "./bin/modern.js"
   },
@@ -44,19 +44,19 @@
     "@babel/runtime": "^7",
     "@babel/traverse": "^7.15.0",
     "@babel/types": "^7.15.0",
-    "@modern-js/babel-compiler": "^1.1.2",
-    "@modern-js/babel-preset-module": "^1.1.1",
-    "@modern-js/core": "^1.1.2",
-    "@modern-js/css-config": "^1.1.1",
+    "@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.1",
-    "@modern-js/new-action": "^1.1.2",
-    "@modern-js/plugin-analyze": "^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.1",
-    "@modern-js/utils": "^1.1.2",
+    "@modern-js/style-compiler": "^1.1.3",
+    "@modern-js/utils": "^1.1.5",
     "chalk": "^4.1.2",
     "chokidar": "^3.5.2",
     "dotenv": "^10.0.0",
@@ -89,7 +89,7 @@
     "commander": "^8.1.0",
     "typescript": "^4",
     "@modern-js/plugin-testing": "^1.1.1",
-    "@modern-js/module-tools": "^1.1.1"
+    "@modern-js/module-tools": "^1.1.2"
   },
   "sideEffects": false,
   "modernConfig": {
@@ -105,5 +105,6 @@
     "new": "modern new",
     "build": "modern build",
     "test": "modern test --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/features/build/build-watch.ts

@@ -34,6 +34,7 @@ export const buildInWatchMode = async (
   const styleLog = lm.createLoggerText({
     title: constants.runStyleCompilerTitle,
   });
+  const copyLog = lm.createLoggerText({ title: 'Copy Log:' });
   const initCodeMapper = utils.getCodeInitMapper(config);
   const taskMapper: ITaskMapper[] = [
     ...utils.getCodeMapper({
@@ -49,6 +50,11 @@ export const buildInWatchMode = async (
       logger: styleLog,
       taskPath: require.resolve('../../tasks/build-watch-style'),
     },
+    {
+      logger: copyLog,
+      taskPath: require.resolve('../../tasks/copy-assets'),
+      params: ['--watch'],
+    },
   ];
   lm.on('data', () => {
     console.info(constants.clearFlag);
@@ -78,7 +84,7 @@ export const buildInWatchMode = async (
         });
       }
 
-      if (logger === styleLog) {
+      if (logger === styleLog || logger === copyLog) {
         lm.addStdout(logger, childProcess.stdout, {
           event: { error: true, data: true },
           // colors: { data: s => s },

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

@@ -1,5 +1,5 @@
 import { Import, fs } from '@modern-js/utils';
-import type { NormalizedConfig } from '@modern-js/core';
+import type { NormalizedConfig, CoreOptions } from '@modern-js/core';
 import type { BabelOptions, IVirtualDist } from '@modern-js/babel-compiler';
 import type { ITsconfig } from '../types';
 
@@ -138,13 +138,19 @@ const generatorRealFiles = (virtualDists: IVirtualDist[]) => {
   }
 };
 
-export const initEnv = ({ syntax, type }: ITaskConfig) => {
+export const initEnv = ({
+  syntax,
+  type,
+}: {
+  syntax: ITaskConfig['syntax'];
+  type: ITaskConfig['type'];
+}) => {
   if (syntax === 'es6+' && type === 'commonjs') {
-    return 'nodejs';
+    return 'CJS_ES6';
   } else if (syntax === 'es6+' && type === 'module') {
-    return 'modern';
+    return 'ESM_ES6';
   } else if (syntax === 'es5' && type === 'module') {
-    return 'legacy-browser';
+    return 'ESM_ES5';
   }
 
   return '';
@@ -180,11 +186,11 @@ const taskMain = async ({
 }: {
   modernConfig: NormalizedConfig;
 }) => {
-  // 执行脚本的参数处理和相关需要配置的获取
+  // Execution of the script's parameter handling and related required configuration acquisition
   const processArgv = argv(process.argv.slice(2));
   const config = processArgv<ITaskConfig>(defaultConfig);
-  // process.env.BUILD_MODE = initEnv(config);
-  const compiler = Compiler.babel; // 目前暂时只支持 babel
+  process.env.BUILD_FORMAT = initEnv(config);
+  const compiler = Compiler.babel; // Currently, only babel is supported.
   const babelConfig = bc.resolveBabelConfig(config.appDirectory, modernConfig, {
     sourceAbsDir: config.srcRootDir,
     tsconfigPath: config.tsconfigPath,
@@ -229,7 +235,11 @@ const taskMain = async ({
 };
 
 (async () => {
-  const { resolved } = await core.cli.init();
+  let options: CoreOptions | undefined;
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({ options } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+  const { resolved } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({ modernConfig: resolved });

package/src/tasks/build-style.ts

@@ -1,6 +1,10 @@
 import * as path from 'path';
 import { fs, Import } from '@modern-js/utils';
-import type { NormalizedConfig, IAppContext } from '@modern-js/core';
+import type {
+  NormalizedConfig,
+  IAppContext,
+  CoreOptions,
+} from '@modern-js/core';
 import type { ICompilerResult, PostcssOption } from '@modern-js/style-compiler';
 import type { ModuleToolsOutput } from '../types';
 
@@ -171,8 +175,15 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options: CoreOptions | undefined;
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({ options } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
   hooks.buildLifeCycle();
-  const { resolved: modernConfig, appContext } = await core.cli.init();
+  const { resolved: modernConfig, appContext } = await core.cli.init(
+    [],
+    options,
+  );
   await core.manager.run(async () => {
     try {
       await taskMain({ modernConfig, appContext });

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

@@ -1,7 +1,8 @@
 import { Import, fs } from '@modern-js/utils';
-import type { NormalizedConfig } from '@modern-js/core';
+import type { NormalizedConfig, CoreOptions } from '@modern-js/core';
 import type { ICompilerResult, IVirtualDist } from '@modern-js/babel-compiler';
 import type { ITsconfig } from '../types';
+import { initEnv } from './build-source-code';
 
 const babelCompiler: typeof import('@modern-js/babel-compiler') = Import.lazy(
   '@modern-js/babel-compiler',
@@ -164,12 +165,17 @@ const taskMain = async ({
     syntax: 'es5',
     type: 'module',
   });
+  process.env.BUILD_FORMAT = initEnv(config);
 
   await buildSourceCode(config, modernConfig);
 };
 
 (async () => {
-  const { resolved } = await core.cli.init();
+  let options: CoreOptions | undefined;
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({ options } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+  const { resolved } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({ modernConfig: resolved });

package/src/tasks/build-watch-style.ts

@@ -1,6 +1,10 @@
 /* eslint-disable max-statements */
 import * as path from 'path';
-import type { NormalizedConfig, IAppContext } from '@modern-js/core';
+import type {
+  NormalizedConfig,
+  IAppContext,
+  CoreOptions,
+} from '@modern-js/core';
 import type { ICompilerResult, PostcssOption } from '@modern-js/style-compiler';
 import { fs, watch, WatchChangeType, Import } from '@modern-js/utils';
 import type { ModuleToolsOutput } from '../types';
@@ -79,6 +83,7 @@ const copyOriginStyleFiles = ({
   }
   for (const styleFile of styleFiles) {
     const file = path.relative(targetDir, styleFile);
+    fs.ensureFileSync(path.join(outputDir, file));
     fs.copyFileSync(styleFile, path.join(outputDir, file));
   }
 };
@@ -107,12 +112,18 @@ const taskMain = async ({
   } = modernConfig.output as ModuleToolsOutput;
   const { appDirectory } = appContext;
 
-  const lessOption = await (core.mountHook() as any).moduleLessConfig({
-    onLast: async (_: any) => null as any,
-  });
-  const sassOption = await (core.mountHook() as any).moduleSassConfig({
-    onLast: async (_: any) => null as any,
-  });
+  const lessOption = await (core.mountHook() as any).moduleLessConfig(
+    { modernConfig },
+    {
+      onLast: async (_: any) => null as any,
+    },
+  );
+  const sassOption = await (core.mountHook() as any).moduleSassConfig(
+    { modernConfig },
+    {
+      onLast: async (_: any) => null as any,
+    },
+  );
   const postcssOption = getPostcssOption(appDirectory, modernConfig);
   const existStylesDir = checkStylesDirExist({ appDirectory });
   const compilerMessage = {
@@ -240,13 +251,20 @@ const taskMain = async ({
 };
 
 (async () => {
+  let options: CoreOptions | undefined;
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({ options } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
   hooks.buildLifeCycle();
-  const { resolved: modernConfig, appContext } = await core.cli.init();
+  const { resolved: modernConfig, appContext } = await core.cli.init(
+    [],
+    options,
+  );
   await core.manager.run(async () => {
     try {
       await taskMain({ modernConfig, appContext });
     } catch (e: any) {
-      console.error(e.message);
+      console.error(e);
     }
   });
 })();

package/src/tasks/copy-assets.ts

@@ -1,6 +1,10 @@
 import * as path from 'path';
 import { fs, watch, WatchChangeType, Import } from '@modern-js/utils';
-import type { NormalizedConfig, IAppContext } from '@modern-js/core';
+import type {
+  NormalizedConfig,
+  IAppContext,
+  CoreOptions,
+} from '@modern-js/core';
 import type { ModuleToolsOutput } from '../types';
 
 const argv: typeof import('process.argv').default = Import.lazy(
@@ -101,7 +105,14 @@ const taskMain = ({
 };
 
 (async () => {
-  const { resolved: modernConfig, appContext } = await core.cli.init();
+  let options: CoreOptions | undefined;
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({ options } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+  const { resolved: modernConfig, appContext } = await core.cli.init(
+    [],
+    options,
+  );
   core.manager.run(() => {
     try {
       taskMain({ modernConfig, appContext });

package/src/tasks/generator-dts.ts

@@ -2,7 +2,7 @@ import type { ChildProcess } from 'child_process';
 import * as path from 'path';
 import * as os from 'os';
 import { Import, fs } from '@modern-js/utils';
-import type { NormalizedConfig } from '@modern-js/core';
+import type { NormalizedConfig, CoreOptions } from '@modern-js/core';
 import type { ITsconfig } from '@/types';
 
 const tsPathsTransform: typeof import('../utils/tspaths-transform') =
@@ -261,7 +261,11 @@ const taskMain = async ({
 };
 
 (async () => {
-  const { resolved } = await core.cli.init();
+  let options: CoreOptions | undefined;
+  if (process.env.CORE_INIT_OPTION_FILE) {
+    ({ options } = require(process.env.CORE_INIT_OPTION_FILE));
+  }
+  const { resolved } = await core.cli.init([], options);
   await core.manager.run(async () => {
     try {
       await taskMain({ modernConfig: resolved });