@modern-js/module-tools 1.1.2-rc.0 → 1.1.4

package/CHANGELOG.md

@@ -1,6 +1,34 @@
 # @modern-js/module-tools
 
-## 1.1.2-rc.0
+## 1.1.4
+
+### Patch Changes
+
+- 10676d31: fix build watch error
+
+## 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
 
@@ -8,23 +36,16 @@
 - 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-rc.0
-  - @modern-js/core@1.1.4-rc.0
-  - @modern-js/css-config@1.1.2-rc.0
-  - @modern-js/style-compiler@1.1.3-rc.0
-  - @modern-js/module-tools-hooks@1.1.2-rc.0
-  - @modern-js/babel-preset-module@1.1.2-rc.0
-  - @modern-js/plugin-analyze@1.1.2-rc.0
-  - @modern-js/plugin-changeset@1.1.2-rc.0
-  - @modern-js/plugin-fast-refresh@1.1.2-rc.0
-  - @modern-js/babel-compiler@1.1.3-rc.0
-  - @modern-js/i18n-cli-language-detector@1.1.1
-  - @modern-js/plugin-i18n@1.1.1
-  - @modern-js/new-action@1.1.6-rc.0
+  - @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
 

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

@@ -5,6 +5,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 { Import, fs } from '@modern-js/utils';
+import { initEnv } from "../utils/init-env";
 const babelCompiler = Import.lazy('@modern-js/babel-compiler', require);
 const glob = Import.lazy('glob', require);
 const argv = Import.lazy('process.argv', require);
@@ -113,20 +114,6 @@ const generatorRealFiles = virtualDists => {
   }
 };
 
-export const initEnv = ({
-  syntax,
-  type
-}) => {
-  if (syntax === 'es6+' && type === 'commonjs') {
-    return 'nodejs';
-  } else if (syntax === 'es6+' && type === 'module') {
-    return 'modern';
-  } else if (syntax === 'es5' && type === 'module') {
-    return 'legacy-browser';
-  }
-
-  return '';
-};
 const defaultConfig = {
   srcRootDir: `${process.cwd()}/src`,
   willCompilerDirOrFile: `${process.cwd()}/src`,
@@ -143,11 +130,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 +183,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 "../utils/init-env";
 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/modern/utils/init-env.js

@@ -0,0 +1,14 @@
+export const initEnv = ({
+  syntax,
+  type
+}) => {
+  if (syntax === 'es6+' && type === 'commonjs') {
+    return 'CJS_ES6';
+  } else if (syntax === 'es6+' && type === 'module') {
+    return 'ESM_ES6';
+  } else if (syntax === 'es5' && type === 'module') {
+    return 'ESM_ES5';
+  }
+
+  return '';
+};

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

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.initEnv = exports.getWillCompilerCode = exports.buildSourceCode = exports.Compiler = void 0;
+exports.getWillCompilerCode = exports.buildSourceCode = exports.Compiler = void 0;
 
 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; }
@@ -136,22 +138,6 @@ const generatorRealFiles = virtualDists => {
   }
 };
 
-const initEnv = ({
-  syntax,
-  type
-}) => {
-  if (syntax === 'es6+' && type === 'commonjs') {
-    return 'nodejs';
-  } else if (syntax === 'es6+' && type === 'module') {
-    return 'modern';
-  } else if (syntax === 'es5' && type === 'module') {
-    return 'legacy-browser';
-  }
-
-  return '';
-};
-
-exports.initEnv = initEnv;
 const defaultConfig = {
   srcRootDir: `${process.cwd()}/src`,
   willCompilerDirOrFile: `${process.cwd()}/src`,
@@ -168,11 +154,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 = (0, _initEnv.initEnv)(config);
+  const compiler = Compiler.babel; // Currently, only babel is supported.
 
   const babelConfig = bc.resolveBabelConfig(config.appDirectory, modernConfig, {
     sourceAbsDir: config.srcRootDir,
@@ -222,9 +208,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 _initEnv = require("../utils/init-env");
+
 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, _initEnv.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/js/node/utils/init-env.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initEnv = void 0;
+
+const initEnv = ({
+  syntax,
+  type
+}) => {
+  if (syntax === 'es6+' && type === 'commonjs') {
+    return 'CJS_ES6';
+  } else if (syntax === 'es6+' && type === 'module') {
+    return 'ESM_ES6';
+  } else if (syntax === 'es5' && type === 'module') {
+    return 'ESM_ES5';
+  }
+
+  return '';
+};
+
+exports.initEnv = initEnv;

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

@@ -22,21 +22,4 @@ export declare const getWillCompilerCode: (srcDirOrFile: string, option: {
   isTsProject: boolean;
 }) => string[];
 export declare const buildSourceCode: (config: IBuildSourceCodeConfig) => Promise<import("@modern-js/babel-compiler").ICompilerResult>;
-export declare const initEnv: ({
-  syntax,
-  type
-}: ITaskConfig) => "" | "modern" | "nodejs" | "legacy-browser";
-interface ITaskConfig {
-  srcRootDir: string;
-  willCompilerDirOrFile: string;
-  distDir: string;
-  appDirectory: string;
-  sourceMaps: boolean;
-  syntax: 'es5' | 'es6+';
-  type: 'module' | 'commonjs';
-  tsconfigPath: string;
-  copyDirs?: string;
-  compiler?: 'babel' | 'esbuild' | 'swc';
-  watch: boolean;
-}
 export {};

package/dist/types/utils/init-env.d.ts

@@ -0,0 +1,21 @@
+interface ITaskConfig {
+  srcRootDir: string;
+  willCompilerDirOrFile: string;
+  distDir: string;
+  appDirectory: string;
+  sourceMaps: boolean;
+  syntax: 'es5' | 'es6+';
+  type: 'module' | 'commonjs';
+  tsconfigPath: string;
+  copyDirs?: string;
+  compiler?: 'babel' | 'esbuild' | 'swc';
+  watch: boolean;
+}
+export declare const initEnv: ({
+  syntax,
+  type
+}: {
+  syntax: ITaskConfig['syntax'];
+  type: ITaskConfig['type'];
+}) => "" | "CJS_ES6" | "ESM_ES6" | "ESM_ES5";
+export {};

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "1.1.2-rc.0",
+  "version": "1.1.4",
   "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.3-rc.0",
-    "@modern-js/babel-preset-module": "^1.1.2-rc.0",
-    "@modern-js/core": "^1.1.4-rc.0",
-    "@modern-js/css-config": "^1.1.2-rc.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-rc.0",
-    "@modern-js/new-action": "^1.1.6-rc.0",
-    "@modern-js/plugin-analyze": "^1.1.2-rc.0",
-    "@modern-js/plugin-changeset": "^1.1.2-rc.0",
-    "@modern-js/plugin-fast-refresh": "^1.1.2-rc.0",
+    "@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-rc.0",
-    "@modern-js/utils": "^1.1.4-rc.0",
+    "@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",
@@ -88,8 +88,8 @@
     "@types/signale": "^1.4.2",
     "commander": "^8.1.0",
     "typescript": "^4",
-    "@modern-js/plugin-testing": "^1.1.1",
-    "@modern-js/module-tools": "^1.1.1"
+    "@modern-js/plugin-testing": "^1.2.0",
+    "@modern-js/module-tools": "^1.1.3"
   },
   "sideEffects": false,
   "modernConfig": {

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,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 { BabelOptions, IVirtualDist } from '@modern-js/babel-compiler';
 import type { ITsconfig } from '../types';
+import { initEnv } from '../utils/init-env';
 
 const babelCompiler: typeof import('@modern-js/babel-compiler') = Import.lazy(
   '@modern-js/babel-compiler',
@@ -138,18 +139,6 @@ const generatorRealFiles = (virtualDists: IVirtualDist[]) => {
   }
 };
 
-export const initEnv = ({ syntax, type }: ITaskConfig) => {
-  if (syntax === 'es6+' && type === 'commonjs') {
-    return 'nodejs';
-  } else if (syntax === 'es6+' && type === 'module') {
-    return 'modern';
-  } else if (syntax === 'es5' && type === 'module') {
-    return 'legacy-browser';
-  }
-
-  return '';
-};
-
 interface ITaskConfig {
   srcRootDir: string; // 源码的根目录
   willCompilerDirOrFile: string; // 用于编译的源码文件或者源码目录
@@ -180,11 +169,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 +218,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 '../utils/init-env';
 
 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 });

package/src/utils/init-env.ts

@@ -0,0 +1,31 @@
+interface ITaskConfig {
+  srcRootDir: string; // 源码的根目录
+  willCompilerDirOrFile: string; // 用于编译的源码文件或者源码目录
+  distDir: string;
+  appDirectory: string;
+  sourceMaps: boolean;
+  syntax: 'es5' | 'es6+';
+  type: 'module' | 'commonjs';
+  tsconfigPath: string;
+  copyDirs?: string;
+  compiler?: 'babel' | 'esbuild' | 'swc';
+  watch: boolean;
+}
+
+export const initEnv = ({
+  syntax,
+  type,
+}: {
+  syntax: ITaskConfig['syntax'];
+  type: ITaskConfig['type'];
+}) => {
+  if (syntax === 'es6+' && type === 'commonjs') {
+    return 'CJS_ES6';
+  } else if (syntax === 'es6+' && type === 'module') {
+    return 'ESM_ES6';
+  } else if (syntax === 'es5' && type === 'module') {
+    return 'ESM_ES5';
+  }
+
+  return '';
+};