@modern-js/module-tools-docs 2.0.2 → 2.2.0-beta.0

package/doc_build/static/js/async/{guide_advance_in-depth-about-build.js → zh_guide_advance_in-depth-about-build.js}

@@ -1,5 +1,5 @@
 "use strict";
-(self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["guide_advance_in-depth-about-build"],{
+(self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["zh_guide_advance_in-depth-about-build"],{
 
 /***/ "./docs/zh/guide/advance/in-depth-about-build.md":
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -18,11 +18,11 @@ __webpack_require__.r(__webpack_exports__);
 /*@jsxRuntime automatic @jsxImportSource react*/
 
 
-var CH = {
+const CH = {
   annotations: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.annotations,
   Code: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.Code
 };
-var chCodeConfig = {
+const chCodeConfig = {
   "staticMediaQuery": "not screen, (max-width: 768px)",
   "theme": {
     "name": "nord",
@@ -1185,12 +1185,12 @@ var chCodeConfig = {
   "autoImport": true,
   "showCopyButton": true,
   "skipLanguages": [],
-  "filepath": "/Users/bytedance/modern.js/website/module-tools/docs/zh/guide/advance/in-depth-about-build.md"
+  "filepath": "/Users/targeral/github/targeral-modern-js/website/module-tools/docs/zh/guide/advance/in-depth-about-build.md"
 };
-var frontmatter = {
+const frontmatter = {
   "sidebar_position": 1
 };
-var toc = [{
+const toc = [{
   "id": "深入理解-buildconfig",
   "text": "深入理解 buildConfig",
   "depth": 2
@@ -1251,10 +1251,10 @@ var toc = [{
   "text": "构建报错",
   "depth": 2
 }];
-var title = "\u6DF1\u5165\u7406\u89E3\u6784\u5EFA";
-var content = "\"---\\nsidebar_position: 1\\n---\\n\\n# 深入理解构建\\n\\n在【基础使用】的部分，我们已经知道可以通过 `buildConfig` 配置对项目的输出产物进行修改。`buildConfig` 不仅描述了产物的一些特性，同时还为构建产物提供了一些功能。\\n\\n:::tip{title=注意}\\n如果你还不清楚 `buildConfig` 是什么，建议花一些时间通过下面的链接了解一下：\\n\\n- 【[修改输出产物](/guide/basic/modify-output-product)】\\n  :::\\n\\n而在本章里我们将要深入理解某些构建配置的使用以及了解执行 `modern build` 命令的时候发生了什么。\\n\\n## 深入理解 `buildConfig`\\n\\n### Bundle 和 Bundleless\\n\\n那么首先我们来了解一下 Bundle 和 Bundleless。\\n\\n所谓 Bundle 是指对构建产物进行打包，构建产物可能是一个文件，也有可能是基于一定的[代码拆分策略](https://esbuild.github.io/api/#splitting)得到的多个文件。\\n\\n而 Bundleless 则是指对每个源文件单独进行编译构建，但是并不将它们打包在一起。每一个产物文件都可以找到与之相对应的源码文件。**Bundleless 构建的过程，也可以理解为仅对源文件进行代码转换的过程**。\\n\\n在 `buildConfig` 中可以通过 [`buildConfig.buildType`](/api/config/build-config#buildtype) 来指定当前构建任务是 Bundle 还是 Bundleless。\\n\\n### `input` 与 `sourceDir` 的关系\\n\\n[`buildConfig.input`](/api/config/build-config#input) 用于指定读取源码的文件路径或者目录路径，其默认值在 Bundle 和 Bundleless 构建过程中有所不同：\\n\\n- 当 `buildType: 'bundle'` 的时候，`input` 默认值为 `['src/index.ts']`\\n- 当 `buildType: 'bundleless'` 的时候，`input` 默认值为 `['src']`\\n  > 实际上，在 `buildType: 'bundle'` 的时候，构建工具会检测是否存在符合 `src/index.(j|t)sx?` 这个名称规则的文件，并将其作为入口文件。\\n\\n:::warn{title=注意}\\n建议不要在 Bundleless 构建过程中指定多个源码文件目录，可能出现不符合预期的结果。目前多个源码目录的 Bundleless 构建还处于不稳定阶段。\\n:::\\n\\n从默认值上我们可以知道：**Bundle 构建一般可以指定文件路径作为构建的入口，而 Bundleless 构建则更期望使用目录路径寻找源文件**。\\n\\n#### `input` 的对象模式\\n\\n在 Bundle 构建过程中，除了将 `input` 设置为一个数组，也可以将它设置为一个对象。**通过使用对象的形式，我们可以修改构建产物输出的文件名称**。那么对于下面的例子，`./src/index.ts` 对应的构建产物文件路径为 `./dist/main.js`。\\n\\n```tsx modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    input: {\\n      main: ['./src/index.ts'],\\n    },\\n    outDir: './dist',\\n  },\\n});\\n```\\n\\n而在 Bundleless 构建过程中，虽然同样支持这样的使用方式，但是并不推荐。\\n\\n#### `sourceDir`\\n\\n[`sourceDir`](/api/config/build-config#sourcedir) 用于指定源码目录，它主要与以下两个内容有关系：\\n\\n- 类型文件生成\\n- 指定构建过程中的 [`outbase`](https://esbuild.github.io/api/#outbase)\\n\\n一般来说：\\n\\n- **在 Bundleless 构建过程中，`sourceDir` 与 `input` 的值要保持一致，它们的默认值都是 `src`**。\\n- 在 Bundle 构建过程中，很少需要使用 `sourceDir`。\\n\\n### 类型文件\\n\\n[`buildConfig.dts`](/api/config/build-config#dts) 配置主要用于类型文件的生成。\\n\\n#### 关闭类型生成\\n\\n默认情况下类型生成功能是开启的，如果需要关闭的话，可以按照如下配置：\\n\\n```ts ./modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    dts: false,\\n  },\\n});\\n```\\n\\n:::tip\\n关闭类型文件后，一般来说构建速度会有所提升。\\n:::\\n\\n#### 打包类型文件\\n\\n在 `buildType: 'bundleless'` 的时候，类型文件的生成是使用项目的 `tsc` 命令来完成生产。\\n\\n**模块工程解决方案同时还支持对类型文件进行打包**，不过使用该功能的时候需要注意：\\n\\n- 一些第三方依赖存在错误的语法会导致打包过程失败。因此对于这种情况，需要手动通过 [`buildConfig.externals`](/api/config/build-config#externals) 将这类第三方包排除。\\n- 对于第三方依赖的类型文件指向的是一个 `.ts` 文件的情况，目前无法处理。比如第三方依赖的 `package.json` 中存在这样的内容： `{\\\"types\\\": \\\"./src/index.ts\\\"}`。\\n\\n#### 别名转换\\n\\n在 Bundleless 构建过程中，如果源代码中出现了别名，例如：\\n\\n```ts ./src/index.ts\\nimport utils from '@common/utils';\\n```\\n\\n正常来说，使用 `tsc` 生成的产物类型文件也会包含这些别名。不过 Module Tools 会对 `tsc` 生成的类型文件里的别名进行转换处理：\\n\\n- 对于类似 `import '@common/utils'` 或者 `import utils from '@common/utils'` 这样形式的代码可以进行别名转换。\\n- 对于类似 `export { utils } from '@common/utils'` 这样形式的代码可以进行别名转换。\\n\\n然而也存在一些情况，目前还无法处理：\\n\\n- 对于类似 `Promise<import('@common/utils')>` 这样形式的输出类型目前无法进行转换。\\n\\n#### 一些 `dts` 的使用示例\\n\\n一般使用方式：\\n\\n```ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  // 此时打包的类型文件输出路径为 `./dist/types`\\n  buildConfig: {\\n    buildType: 'bundle',\\n    dts: {\\n      tsconfigPath: './other-tsconfig.json',\\n      distPath: './types',\\n    },\\n    outDir: './dist',\\n  },\\n});\\n```\\n\\n使用 `dts.only` 的情况：\\n\\n```ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  // 此时类型文件没有进行打包，输出路径为 `./dist/types`\\n  buildConfig: [\\n    {\\n      buildType: 'bundle',\\n      dts: false,\\n      outDir: './dist',\\n    },\\n    {\\n      buildType: 'bundleless',\\n      dts: {\\n        only: true,\\n      },\\n      outDir: './dist/types',\\n    },\\n  ],\\n});\\n```\\n\\n### `buildConfig.define` 不同场景的使用方式\\n\\n[`buildConfig.define`](/api/config/build-config#define) 功能有些类似 [`webpack.DefinePlugin`](https://webpack.js.org/plugins/define-plugin/)。这里介绍几个使用场景：\\n\\n#### 环境变量替换\\n\\n```ts\\nimport { defineConfig } from '@modern-js/module-tools';\\nexport default defineConfig({\\n  buildConfig: {\\n    define: {\\n      'process.env.VERSION': JSON.stringify(process.env.VERSION || '0.0.0'),\\n    },\\n  },\\n});\\n```\\n\\n通过上面的配置，我们就可以将下面这段代码：\\n\\n```\\n// 编译前代码\\nconsole.log(process.env.VERSION);\\n```\\n\\n在执行 `VERSION=1.0.0 modern build` 的时候，转换为：\\n\\n```\\n// 编译后代码\\nconsole.log('1.0.0');\\n```\\n\\n#### 全局变量替换\\n\\n```ts\\nimport { defineConfig } from '@modern-js/module-tools';\\nexport default defineConfig({\\n  buildConfig: {\\n    define: {\\n      VERSION: JSON.stringify(require('./package.json').version || '0.0.0'),\\n    },\\n  },\\n});\\n```\\n\\n通过上面的配置，我们就可以将下面这段代码：\\n\\n```\\n// 编译前代码\\nconsole.log(VERSION);\\n```\\n\\n转换为：\\n\\n```\\n// 编译后代码\\nconsole.log('1.0.0');\\n```\\n\\n不过要注意：如果项目是一个 TypeScript 项目，那么你可能需要在项目源代码目录下的 `.d.ts` 文件里增加以下内容：\\n\\n> 如果不存在 `d.ts` 文件，则可以手动创建。\\n\\n```ts env.d.ts\\ndeclare const YOUR_ADD_GLOBAL_VAR;\\n```\\n\\n## 构建过程\\n\\n当执行 `modern build` 命令的时候，会发生\\n\\n- 根据 `buildConfig.outDir` 清理产物目录。\\n- 编译 `js/ts` 源代码生成 Bundle/Bundleless 的 JS 构建产物。\\n- 使用 `tsc` 生成 Bundle/Bundleless 的类型文件。\\n- 处理 Copy 任务。\\n\\n## 构建报错\\n\\n当发生构建报错的时候，基于以上了解到的信息，可以很容易的明白在终端出现的报错内容：\\n\\n**js 或者 ts 构建的报错：**\\n\\n```bash\\nerror  ModuleBuildError:\\n\\n╭───────────────────────╮\\n│ bundle failed:        │\\n│  - format is \\\"cjs\\\"    │\\n│  - target is \\\"esnext\\\" │\\n╰───────────────────────╯\\n\\nDetailed Information:\\n```\\n\\n**类型文件生成过程的报错：**\\n\\n```bash\\nerror   ModuleBuildError:\\n\\nbundle DTS failed:\\n```\\n\\n对于 `js/ts` 构建错误，我们可以从报错信息中知道：\\n\\n- 通过 `'bundle failed:'` 来判断报错的是 Bundle 构建还是 Bundleless 构建？\\n- 构建过程的 `format` 是什么？\\n- 构建过程的 `target` 是什么？\\n- 具体的报错信息。\\n\"";
+const title = `深入理解构建`;
+const content = "\"---\\nsidebar_position: 1\\n---\\n\\n# 深入理解构建\\n\\n在【基础使用】的部分，我们已经知道可以通过 `buildConfig` 配置对项目的输出产物进行修改。`buildConfig` 不仅描述了产物的一些特性，同时还为构建产物提供了一些功能。\\n\\n:::tip{title=注意}\\n如果你还不清楚 `buildConfig` 是什么，建议花一些时间通过下面的链接了解一下：\\n\\n- 【[修改输出产物](/guide/basic/modify-output-product)】\\n\\n:::\\n\\n而在本章里我们将要深入理解某些构建配置的使用以及了解执行 `modern build` 命令的时候发生了什么。\\n\\n## 深入理解 `buildConfig`\\n\\n### Bundle 和 Bundleless\\n\\n那么首先我们来了解一下 Bundle 和 Bundleless。\\n\\n所谓 Bundle 是指对构建产物进行打包，构建产物可能是一个文件，也有可能是基于一定的[代码拆分策略](https://esbuild.github.io/api/#splitting)得到的多个文件。\\n\\n而 Bundleless 则是指对每个源文件单独进行编译构建，但是并不将它们打包在一起。每一个产物文件都可以找到与之相对应的源码文件。**Bundleless 构建的过程，也可以理解为仅对源文件进行代码转换的过程**。\\n\\n在 `buildConfig` 中可以通过 [`buildConfig.buildType`](/api/config/build-config#buildtype) 来指定当前构建任务是 Bundle 还是 Bundleless。\\n\\n### `input` 与 `sourceDir` 的关系\\n\\n[`buildConfig.input`](/api/config/build-config#input) 用于指定读取源码的文件路径或者目录路径，其默认值在 Bundle 和 Bundleless 构建过程中有所不同：\\n\\n- 当 `buildType: 'bundle'` 的时候，`input` 默认值为 `['src/index.ts']`\\n- 当 `buildType: 'bundleless'` 的时候，`input` 默认值为 `['src']`\\n  > 实际上，在 `buildType: 'bundle'` 的时候，构建工具会检测是否存在符合 `src/index.(j|t)sx?` 这个名称规则的文件，并将其作为入口文件。\\n\\n:::warning {title=注意}\\n建议不要在 Bundleless 构建过程中指定多个源码文件目录，可能出现不符合预期的结果。目前多个源码目录的 Bundleless 构建还处于不稳定阶段。\\n:::\\n\\n从默认值上我们可以知道：**Bundle 构建一般可以指定文件路径作为构建的入口，而 Bundleless 构建则更期望使用目录路径寻找源文件**。\\n\\n#### `input` 的对象模式\\n\\n在 Bundle 构建过程中，除了将 `input` 设置为一个数组，也可以将它设置为一个对象。**通过使用对象的形式，我们可以修改构建产物输出的文件名称**。那么对于下面的例子，`./src/index.ts` 对应的构建产物文件路径为 `./dist/main.js`。\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    input: {\\n      main: ['./src/index.ts'],\\n    },\\n    outDir: './dist',\\n  },\\n});\\n```\\n\\n而在 Bundleless 构建过程中，虽然同样支持这样的使用方式，但是并不推荐。\\n\\n#### `sourceDir`\\n\\n[`sourceDir`](/api/config/build-config#sourcedir) 用于指定源码目录，它主要与以下两个内容有关系：\\n\\n- 类型文件生成\\n- 指定构建过程中的 [`outbase`](https://esbuild.github.io/api/#outbase)\\n\\n一般来说：\\n\\n- **在 Bundleless 构建过程中，`sourceDir` 与 `input` 的值要保持一致，它们的默认值都是 `src`**。\\n- 在 Bundle 构建过程中，很少需要使用 `sourceDir`。\\n\\n### 类型文件\\n\\n[`buildConfig.dts`](/api/config/build-config#dts) 配置主要用于类型文件的生成。\\n\\n#### 关闭类型生成\\n\\n默认情况下类型生成功能是开启的，如果需要关闭的话，可以按照如下配置：\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    dts: false,\\n  },\\n});\\n```\\n\\n:::tip\\n关闭类型文件后，一般来说构建速度会有所提升。\\n:::\\n\\n#### 打包类型文件\\n\\n在 `buildType: 'bundleless'` 的时候，类型文件的生成是使用项目的 `tsc` 命令来完成生产。\\n\\n**模块工程解决方案同时还支持对类型文件进行打包**，不过使用该功能的时候需要注意：\\n\\n- 一些第三方依赖存在错误的语法会导致打包过程失败。因此对于这种情况，需要手动通过 [`buildConfig.externals`](/api/config/build-config#externals) 将这类第三方包排除。\\n- 对于第三方依赖的类型文件指向的是一个 `.ts` 文件的情况，目前无法处理。比如第三方依赖的 `package.json` 中存在这样的内容： `{\\\"types\\\": \\\"./src/index.ts\\\"}`。\\n\\n#### 别名转换\\n\\n在 Bundleless 构建过程中，如果源代码中出现了别名，例如：\\n\\n```js ./src/index.ts\\nimport utils from '@common/utils';\\n```\\n\\n正常来说，使用 `tsc` 生成的产物类型文件也会包含这些别名。不过 Module Tools 会对 `tsc` 生成的类型文件里的别名进行转换处理：\\n\\n- 对于类似 `import '@common/utils'` 或者 `import utils from '@common/utils'` 这样形式的代码可以进行别名转换。\\n- 对于类似 `export { utils } from '@common/utils'` 这样形式的代码可以进行别名转换。\\n\\n然而也存在一些情况，目前还无法处理：\\n\\n- 对于类似 `Promise<import('@common/utils')>` 这样形式的输出类型目前无法进行转换。\\n\\n#### 一些 `dts` 的使用示例\\n\\n一般使用方式：\\n\\n```js\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  // 此时打包的类型文件输出路径为 `./dist/types`\\n  buildConfig: {\\n    buildType: 'bundle',\\n    dts: {\\n      tsconfigPath: './other-tsconfig.json',\\n      distPath: './types',\\n    },\\n    outDir: './dist',\\n  },\\n});\\n```\\n\\n使用 `dts.only` 的情况：\\n\\n```js\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  // 此时类型文件没有进行打包，输出路径为 `./dist/types`\\n  buildConfig: [\\n    {\\n      buildType: 'bundle',\\n      dts: false,\\n      outDir: './dist',\\n    },\\n    {\\n      buildType: 'bundleless',\\n      dts: {\\n        only: true,\\n      },\\n      outDir: './dist/types',\\n    },\\n  ],\\n});\\n```\\n\\n### `buildConfig.define` 不同场景的使用方式\\n\\n[`buildConfig.define`](/api/config/build-config#define) 功能有些类似 [`webpack.DefinePlugin`](https://webpack.js.org/plugins/define-plugin/)。这里介绍几个使用场景：\\n\\n#### 环境变量替换\\n\\n```js\\nimport { defineConfig } from '@modern-js/module-tools';\\nexport default defineConfig({\\n  buildConfig: {\\n    define: {\\n      'process.env.VERSION': JSON.stringify(process.env.VERSION || '0.0.0'),\\n    },\\n  },\\n});\\n```\\n\\n通过上面的配置，我们就可以将下面这段代码：\\n\\n```js\\n// 编译前代码\\nconsole.log(process.env.VERSION);\\n```\\n\\n在执行 `VERSION=1.0.0 modern build` 的时候，转换为：\\n\\n```js\\n// 编译后代码\\nconsole.log('1.0.0');\\n```\\n\\n#### 全局变量替换\\n\\n```js\\nimport { defineConfig } from '@modern-js/module-tools';\\nexport default defineConfig({\\n  buildConfig: {\\n    define: {\\n      VERSION: JSON.stringify(require('./package.json').version || '0.0.0'),\\n    },\\n  },\\n});\\n```\\n\\n通过上面的配置，我们就可以将下面这段代码：\\n\\n```js\\n// 编译前代码\\nconsole.log(VERSION);\\n```\\n\\n转换为：\\n\\n```js\\n// 编译后代码\\nconsole.log('1.0.0');\\n```\\n\\n不过要注意：如果项目是一个 TypeScript 项目，那么你可能需要在项目源代码目录下的 `.d.ts` 文件里增加以下内容：\\n\\n> 如果不存在 `d.ts` 文件，则可以手动创建。\\n\\n```ts env.d.ts\\ndeclare const YOUR_ADD_GLOBAL_VAR;\\n```\\n\\n## 构建过程\\n\\n当执行 `modern build` 命令的时候，会发生\\n\\n- 根据 `buildConfig.outDir` 清理产物目录。\\n- 编译 `js/ts` 源代码生成 Bundle/Bundleless 的 JS 构建产物。\\n- 使用 `tsc` 生成 Bundle/Bundleless 的类型文件。\\n- 处理 Copy 任务。\\n\\n## 构建报错\\n\\n当发生构建报错的时候，基于以上了解到的信息，可以很容易的明白在终端出现的报错内容：\\n\\n**js 或者 ts 构建的报错：**\\n\\n```bash\\nerror  ModuleBuildError:\\n\\n╭───────────────────────╮\\n│ bundle failed:        │\\n│  - format is \\\"cjs\\\"    │\\n│  - target is \\\"esnext\\\" │\\n╰───────────────────────╯\\n\\nDetailed Information:\\n```\\n\\n**类型文件生成过程的报错：**\\n\\n```bash\\nerror   ModuleBuildError:\\n\\nbundle DTS failed:\\n```\\n\\n对于 `js/ts` 构建错误，我们可以从报错信息中知道：\\n\\n- 通过 `'bundle failed:'` 来判断报错的是 Bundle 构建还是 Bundleless 构建？\\n- 构建过程的 `format` 是什么？\\n- 构建过程的 `target` 是什么？\\n- 具体的报错信息。\\n\"";
 function _createMdxContent(props) {
-  var _components = Object.assign({
+  const _components = Object.assign({
     h1: "h1",
     a: "a",
     p: "p",
@@ -1268,8 +1268,8 @@ function _createMdxContent(props) {
     blockquote: "blockquote",
     h4: "h4"
   }, props.components);
-  if (!CH) _missingMdxReference("CH", false, "47:1-58:4");
-  if (!CH.Code) _missingMdxReference("CH.Code", true, "47:1-58:4");
+  if (!CH) _missingMdxReference("CH", false, "48:1-59:4");
+  if (!CH.Code) _missingMdxReference("CH.Code", true, "48:1-59:4");
   return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
     children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h1, {
       id: "深入理解构建",
@@ -1291,15 +1291,15 @@ function _createMdxContent(props) {
         className: "modern-directive-title",
         children: "注意"
       }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.div, {
-        className: "island-directive-content",
+        className: "modern-directive-content",
         children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
-          children: ["如果你还不清楚 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: ["\n如果你还不清楚 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig"
           }), " 是什么，建议花一些时间通过下面的链接了解一下："]
         }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
           children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
             children: ["【", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-              href: "/guide/basic/modify-output-product.html",
+              href: "/module-tools/guide/basic/modify-output-product.html",
               children: "修改输出产物"
             }), "】"]
           }), "\n"]
@@ -1331,7 +1331,9 @@ function _createMdxContent(props) {
       children: "那么首先我们来了解一下 Bundle 和 Bundleless。"
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
       children: ["所谓 Bundle 是指对构建产物进行打包，构建产物可能是一个文件，也有可能是基于一定的", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-        href: "https://esbuild.github.io/api/#splitting",
+        href: "https://esbuild.github.io/api/#splitting-2",
+        target: "_blank",
+        rel: "nofollow",
         children: "代码拆分策略"
       }), "得到的多个文件。"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
@@ -1342,7 +1344,7 @@ function _createMdxContent(props) {
       children: ["在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
         children: "buildConfig"
       }), " 中可以通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-        href: "/api/config/build-config#buildtype.html",
+        href: "/module-tools/api/config/build-config.html#buildtype-1",
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
           children: "buildConfig.buildType"
         })
@@ -1361,7 +1363,7 @@ function _createMdxContent(props) {
       }), " 的关系"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-        href: "/api/config/build-config#input.html",
+        href: "/module-tools/api/config/build-config.html#input-1",
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
           children: "buildConfig.input"
         })
@@ -1393,14 +1395,14 @@ function _createMdxContent(props) {
         }), "\n"]
       }), "\n"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.div, {
-      className: "modern-directive tip",
+      className: "modern-directive warning",
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
         className: "modern-directive-title",
         children: "注意"
       }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.div, {
-        className: "island-directive-content",
+        className: "modern-directive-content",
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
-          children: "建议不要在 Bundleless 构建过程中指定多个源码文件目录，可能出现不符合预期的结果。目前多个源码目录的 Bundleless 构建还处于不稳定阶段。"
+          children: "\n建议不要在 Bundleless 构建过程中指定多个源码文件目录，可能出现不符合预期的结果。目前多个源码目录的 Bundleless 构建还处于不稳定阶段。"
         })
       })]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
@@ -1471,7 +1473,7 @@ function _createMdxContent(props) {
               "content": "defineConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#8FBCBB"
                 }
               }
             }, {
@@ -1603,7 +1605,7 @@ function _createMdxContent(props) {
               "content": "buildConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -1640,7 +1642,7 @@ function _createMdxContent(props) {
               "content": "input",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -1677,7 +1679,7 @@ function _createMdxContent(props) {
               "content": "main",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -1758,7 +1760,7 @@ function _createMdxContent(props) {
               "content": "outDir",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -1844,7 +1846,7 @@ function _createMdxContent(props) {
               }
             }]
           }],
-          "lang": "tsx"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -1862,7 +1864,7 @@ function _createMdxContent(props) {
       })]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-        href: "/api/config/build-config#sourcedir.html",
+        href: "/module-tools/api/config/build-config.html#sourcedir-2",
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
           children: "sourceDir"
         })
@@ -1873,6 +1875,8 @@ function _createMdxContent(props) {
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["指定构建过程中的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
           href: "https://esbuild.github.io/api/#outbase",
+          target: "_blank",
+          rel: "nofollow",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "outbase"
           })
@@ -1906,7 +1910,7 @@ function _createMdxContent(props) {
       }), "类型文件"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-        href: "/api/config/build-config#dts.html",
+        href: "/module-tools/api/config/build-config.html#dts-1",
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
           children: "buildConfig.dts"
         })
@@ -1924,12 +1928,12 @@ function _createMdxContent(props) {
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
       codeConfig: chCodeConfig,
       northPanel: {
-        "tabs": ["./modern.config.ts"],
-        "active": "./modern.config.ts",
+        "tabs": ["modern.config.ts"],
+        "active": "modern.config.ts",
         "heightRatio": 1
       },
       files: [{
-        "name": "./modern.config.ts",
+        "name": "modern.config.ts",
         "focus": "",
         "code": {
           "lines": [{
@@ -1965,7 +1969,7 @@ function _createMdxContent(props) {
               "content": "defineConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#8FBCBB"
                 }
               }
             }, {
@@ -2097,7 +2101,7 @@ function _createMdxContent(props) {
               "content": "buildConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -2134,7 +2138,7 @@ function _createMdxContent(props) {
               "content": "dts",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -2206,7 +2210,7 @@ function _createMdxContent(props) {
               }
             }]
           }],
-          "lang": "ts"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -2216,9 +2220,9 @@ function _createMdxContent(props) {
         className: "modern-directive-title",
         children: "TIP"
       }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.div, {
-        className: "island-directive-content",
+        className: "modern-directive-content",
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
-          children: "关闭类型文件后，一般来说构建速度会有所提升。"
+          children: "\n关闭类型文件后，一般来说构建速度会有所提升。"
         })
       })]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h4, {
@@ -2242,7 +2246,7 @@ function _createMdxContent(props) {
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
       children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["一些第三方依赖存在错误的语法会导致打包过程失败。因此对于这种情况，需要手动通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#externals.html",
+          href: "/module-tools/api/config/build-config.html#externals-2",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.externals"
           })
@@ -2296,7 +2300,7 @@ function _createMdxContent(props) {
               "content": "utils",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#8FBCBB"
                 }
               }
             }, {
@@ -2350,7 +2354,7 @@ function _createMdxContent(props) {
               }
             }]
           }],
-          "lang": "ts"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -2436,7 +2440,7 @@ function _createMdxContent(props) {
               "content": "defineConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#8FBCBB"
                 }
               }
             }, {
@@ -2584,7 +2588,7 @@ function _createMdxContent(props) {
               "content": "buildConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -2621,7 +2625,7 @@ function _createMdxContent(props) {
               "content": "buildType",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -2679,7 +2683,7 @@ function _createMdxContent(props) {
               "content": "dts",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -2716,7 +2720,7 @@ function _createMdxContent(props) {
               "content": "tsconfigPath",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -2774,7 +2778,7 @@ function _createMdxContent(props) {
               "content": "distPath",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -2848,7 +2852,7 @@ function _createMdxContent(props) {
               "content": "outDir",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -2934,7 +2938,7 @@ function _createMdxContent(props) {
               }
             }]
           }],
-          "lang": "ts"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -2986,7 +2990,7 @@ function _createMdxContent(props) {
               "content": "defineConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#8FBCBB"
                 }
               }
             }, {
@@ -3134,7 +3138,7 @@ function _createMdxContent(props) {
               "content": "buildConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3180,7 +3184,7 @@ function _createMdxContent(props) {
               "content": "buildType",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3238,7 +3242,7 @@ function _createMdxContent(props) {
               "content": "dts",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3282,7 +3286,7 @@ function _createMdxContent(props) {
               "content": "outDir",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3372,7 +3376,7 @@ function _createMdxContent(props) {
               "content": "buildType",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3430,7 +3434,7 @@ function _createMdxContent(props) {
               "content": "dts",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3467,7 +3471,7 @@ function _createMdxContent(props) {
               "content": "only",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3527,7 +3531,7 @@ function _createMdxContent(props) {
               "content": "outDir",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3629,7 +3633,7 @@ function _createMdxContent(props) {
               }
             }]
           }],
-          "lang": "ts"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -3645,12 +3649,14 @@ function _createMdxContent(props) {
       }), " 不同场景的使用方式"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-        href: "/api/config/build-config#define.html",
+        href: "/module-tools/api/config/build-config.html#define-1",
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
           children: "buildConfig.define"
         })
       }), " 功能有些类似 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
         href: "https://webpack.js.org/plugins/define-plugin/",
+        target: "_blank",
+        rel: "nofollow",
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
           children: "webpack.DefinePlugin"
         })
@@ -3707,7 +3713,7 @@ function _createMdxContent(props) {
               "content": "defineConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#8FBCBB"
                 }
               }
             }, {
@@ -3837,7 +3843,7 @@ function _createMdxContent(props) {
               "content": "buildConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3874,7 +3880,7 @@ function _createMdxContent(props) {
               "content": "define",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -3946,7 +3952,7 @@ function _createMdxContent(props) {
               "content": "JSON",
               "props": {
                 "style": {
-                  "color": "#8FBCBB"
+                  "color": "#81A1C1"
                 }
               }
             }, {
@@ -4118,7 +4124,7 @@ function _createMdxContent(props) {
               }
             }]
           }],
-          "lang": "ts"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -4138,15 +4144,93 @@ function _createMdxContent(props) {
           "lines": [{
             "tokens": [{
               "content": "// 编译前代码",
-              "props": {}
+              "props": {
+                "style": {
+                  "color": "#616E88"
+                }
+              }
             }]
           }, {
             "tokens": [{
-              "content": "console.log(process.env.VERSION);",
-              "props": {}
+              "content": "console",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ".",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "log",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "(",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "process",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ".",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "env",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ".",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "VERSION",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ")",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
             }]
           }],
-          "lang": "text"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -4168,15 +4252,79 @@ function _createMdxContent(props) {
           "lines": [{
             "tokens": [{
               "content": "// 编译后代码",
-              "props": {}
+              "props": {
+                "style": {
+                  "color": "#616E88"
+                }
+              }
             }]
           }, {
             "tokens": [{
-              "content": "console.log('1.0.0');",
-              "props": {}
+              "content": "console",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ".",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "log",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "(",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "1.0.0",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ")",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
             }]
           }],
-          "lang": "text"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -4232,7 +4380,7 @@ function _createMdxContent(props) {
               "content": "defineConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#8FBCBB"
                 }
               }
             }, {
@@ -4362,7 +4510,7 @@ function _createMdxContent(props) {
               "content": "buildConfig",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -4399,7 +4547,7 @@ function _createMdxContent(props) {
               "content": "define",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -4436,7 +4584,7 @@ function _createMdxContent(props) {
               "content": "VERSION",
               "props": {
                 "style": {
-                  "color": "#D8DEE9"
+                  "color": "#88C0D0"
                 }
               }
             }, {
@@ -4457,7 +4605,7 @@ function _createMdxContent(props) {
               "content": "JSON",
               "props": {
                 "style": {
-                  "color": "#8FBCBB"
+                  "color": "#81A1C1"
                 }
               }
             }, {
@@ -4650,7 +4798,7 @@ function _createMdxContent(props) {
               }
             }]
           }],
-          "lang": "ts"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -4670,15 +4818,65 @@ function _createMdxContent(props) {
           "lines": [{
             "tokens": [{
               "content": "// 编译前代码",
-              "props": {}
+              "props": {
+                "style": {
+                  "color": "#616E88"
+                }
+              }
             }]
           }, {
             "tokens": [{
-              "content": "console.log(VERSION);",
-              "props": {}
+              "content": "console",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ".",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "log",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "(",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "VERSION",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ")",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
             }]
           }],
-          "lang": "text"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -4698,15 +4896,79 @@ function _createMdxContent(props) {
           "lines": [{
             "tokens": [{
               "content": "// 编译后代码",
-              "props": {}
+              "props": {
+                "style": {
+                  "color": "#616E88"
+                }
+              }
             }]
           }, {
             "tokens": [{
-              "content": "console.log('1.0.0');",
-              "props": {}
+              "content": "console",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ".",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "log",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "(",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "1.0.0",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ")",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
             }]
           }],
-          "lang": "text"
+          "lang": "js"
         },
         "annotations": []
       }]
@@ -5024,23 +5286,19 @@ function _createMdxContent(props) {
     })]
   });
 }
-function MDXContent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _ref = props.components || {},
-    MDXLayout = _ref.wrapper;
+function MDXContent(props = {}) {
+  const {wrapper: MDXLayout} = props.components || ({});
   return MDXLayout ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MDXLayout, Object.assign({}, props, {
     children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_createMdxContent, props)
   })) : _createMdxContent(props);
 }
-_c = MDXContent;
 /* harmony default export */ __webpack_exports__["default"] = (MDXContent);
 function _missingMdxReference(id, component, place) {
-  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it." + (place ? "\nIt’s referenced in your code at `" + place + "` in `/Users/bytedance/modern.js/website/module-tools/docs/zh/guide/advance/in-depth-about-build.md`" : ""));
+  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it." + (place ? "\nIt’s referenced in your code at `" + place + "` in `/Users/targeral/github/targeral-modern-js/website/module-tools/docs/zh/guide/advance/in-depth-about-build.md`" : ""));
 }
-var _c;
-__webpack_require__.$Refresh$.register(_c, "MDXContent");
+
 
 /***/ })
 
 }]);
-//# sourceMappingURL=guide_advance_in-depth-about-build.js.map
+//# sourceMappingURL=zh_guide_advance_in-depth-about-build.js.map