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

package/doc_build/static/js/async/{guide_basic_modify-output-product.js → zh_guide_basic_modify-output-product.js}

@@ -1,5 +1,5 @@
 "use strict";
-(self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["guide_basic_modify-output-product"],{
+(self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["zh_guide_basic_modify-output-product"],{
 
 /***/ "./docs/zh/guide/basic/modify-output-product.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/basic/modify-output-product.md"
+  "filepath": "/Users/targeral/github/targeral-modern-js/website/module-tools/docs/zh/guide/basic/modify-output-product.md"
 };
-var frontmatter = {
+const frontmatter = {
   "sidebar_position": 3
 };
-var toc = [{
+const toc = [{
   "id": "默认输出产物",
   "text": "默认输出产物",
   "depth": 2
@@ -1215,10 +1215,10 @@ var toc = [{
   "text": "什么时候使用 buildConfig",
   "depth": 2
 }];
-var title = "\u4FEE\u6539\u8F93\u51FA\u4EA7\u7269";
-var content = "\"---\\nsidebar_position: 3\\n---\\n\\n# 修改输出产物\\n\\n## 默认输出产物\\n\\n当在初始化的项目里使用 `modern build` 命令的时候，会根据 Module Tools 默认支持的配置生成相应的产物。默认支持的配置具体如下：\\n\\n```typescript\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildPreset: 'base-config',\\n});\\n```\\n\\n**默认生成产物具有以下特点**：\\n\\n- 代码格式为 [CommonJS](https://nodejs.org/api/modules.html#modules-commonjs-modules)，或者简称为 `cjs`。\\n- 代码语法支持到 `ES6`。\\n- 所有的代码经过打包变成了一个文件，即进行了 **bundle** 处理。\\n- 产物输出根目录为项目下的 `dist` 目录，类型文件输出的目录为 `dist/types`。\\n\\n:::tip\\n\\n1. 所谓“代码语法支持到 ES6”的意思是指：产物代码所支持的语法不会超过 `ES6`。如果源码中使用语法是 `ES6` 以上的语法（例如 `ES2017`），则会被进行转换。\\n   :::\\n\\n看到这里你可能会有以下疑问：\\n\\n1. `buildPreset` 是什么？\\n2. 产物的这些特点是由什么决定的？\\n\\n那么接下来首先解释一下 `buildPreset`。\\n\\n## 构建预设\\n\\n`buildPreset` 代表着提前准备好的一组或者多组构建相关的配置，只需要使用 `buildPreset` 对应的预设值，就可以省去麻烦且复杂的配置工作，得到符合预期的产物。\\n\\n### 构建预设的字符串形式\\n\\n**构建预设的值可以是字符串形式**，因此这样形式的构建预设叫做预设字符串。\\n\\n模块工程解决方案根据 npm 包使用的通用场景，提供了通用的构建预设字符串以及相应的变体。目前支持的所有预设字符串可以通过 [BuildPreset API](/api/config/build-config) 查看。这里讲解一下关于**通用的预设字符串与变体之间的关系**。\\n\\n在通用的预设字符串中，`\\\"npm-library\\\"` 可以用于在开发库类型的 npm 包的场景下使用，它适合大多数普通的模块类型项目。当设置 `\\\"npm-library\\\"` 的时候，项目的输出产物会有以下特点：\\n\\n- 在 `dist/lib` 目录下会得到代码格式为 `cjs`、语法支持到 `es6` 且经过打包处理后的产物。\\n- 在 `dist/es` 目录下会得到代码格式为 `esm`、语法支持为 `es6` 且经过打包处理后的产物。\\n- 在 `dist/types` 目录下会得到类型文件。如果不是 TypeScript 项目，则没有该目录。\\n\\n而预设字符串 `\\\"npm-library\\\"` 对应的变体则是在原本产物的基础上修改了**代码语法支持**这一特点，同时在字符串命名上也变为了 `\\\"npm-library-[es5 | es2016...es2020 | esnext]\\\"` 这样的形式。\\n\\n例如，如果在预设字符串 `\\\"npm-library\\\"` 对应的输出产物基础上，让产物代码支持的语法变为 `es2017` 的话，那么只需要将 `\\\"npm-library\\\"` 改变为 `\\\"npm-library-es2017\\\"` 就可以了。\\n\\n### 构建预设的函数形式\\n\\n**除了字符串形式以外，构建预设的值也可以是函数形式，在函数中可以打印或者修改某个预设值对应的具体配置**。\\n\\n例如，如果使用预设函数的形式达到预设字符串 `\\\"npm-library-es2017\\\"` 同样的效果，可以按照如下的方式：\\n\\n```typescript\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildPreset({ preset }) {\\n    return preset.NPM_LIBRARY.map(config => {\\n      return { ...config, target: 'es2017' };\\n    });\\n  },\\n});\\n```\\n\\n在上面的代码实现中，`preset.NPM_LIBRARY` 与预设字符串 `\\\"npm-library\\\"` 是相对应的，它代表着 `\\\"npm-library\\\"` 等价的多组构建相关的配置。我们通过 `map` 方法遍历了 `NPM_LIBRARY` 这个数组，在这个数组中包含了多个 `buildConfig` 对象。我们将原本的 `buildConfig` 对象进行了浅拷贝并修改了浅拷贝后得到 `buildConfig.target`，将它指定为 `es2017`。\\n\\n> 关于 `preset.NPM_LIBRARY` 具体对应的值，可以通过 [BuildPreset API](/api/config/build-config) 查看。在 `preset` 对象下不仅包含了 `NPM_LIBRARY`，还包含了其他类似的常量。\\n\\n那么这里的 `buildConfig` 对象是什么呢？之前提到的构建产物特点又是根据什么呢？\\n\\n接下来我们解释一下。\\n\\n## 构建配置（对象）\\n\\n**`buildConfig` 是一个用来描述如何编译、生成构建产物的配置对象**。在最开始提到的关于“_构建产物的特点_”，其实都是 `buildConfig` 所支持的属性。目前所支持的属性覆盖了大部分模块类型项目在构建产物时的需求，`buildConfig` 不仅包含一些产物所具备的属性，也包含了构建产物所需要的一些特性功能。接下来从分类的角度简单罗列一下：\\n\\n**构建产物的基本属性包括：**\\n\\n- 产物是否被打包：对应的 API 是 [`buildConfig.buildType`](/api/config/build-config#buildtype)。\\n- 产物对于语法的支持：对应的 API 是 [`buildConfig.target`](/api/config/build-config#target)。\\n- 产物格式：对应的 API 是 [`buildConfig.format`](/api/config/build-config#format)。\\n- 产物类型文件如何处理，对应的 API 是 [`buildConfig.dts`](/api/config/build-config#dts)。\\n- 产物的 sourceMap 如何处理：对应的 API 是 [`buildConfig.sourceMap`](/api/config/build-config#sourcemap)。\\n- 产物对应的输入（或者是源文件）：对应的 API 是 [`buildConfig.input`](/api/config/build-config#input)。\\n- 产物输出的目录：对应的 API 是 [`buildConfig.outDir`](/api/config/build-config#outDir)。\\n- 构建的源码目录：对应的 API 是 [`buildConfig.sourceDir`](/api/config/build-config#sourcedir)。\\n\\n**构建产物所需的常用功能包括：**\\n\\n- 别名：对应的 API 是 [`buildConfig.alias`](/api/config/build-config#alias)。\\n- 静态资源处理：对应的 API 是 [`buildConfig.asset`](/api/config/build-config#asset)。\\n- 第三方依赖处理：对应的 API 有：\\n  - [`buildConfig.autoExternal`](/api/config/build-config#autoexternal)。\\n  - [`buildConfig.externals`](/api/config/build-config#externals)。\\n- 拷贝：对应的 API 是 [`buildConfig.copy`](/api/config/build-config#copy)。\\n- 全局变量替换：对应的 API 是 [`buildConfig.define`](/api/config/build-config#define)。\\n- 指定 [JSX](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) 编译方式，对应的 API 是 [`buildConfig.jsx`](/api/config/build-config#jsx)。\\n\\n**一些高级属性或者使用频率不高的功能：**\\n\\n- 产物代码压缩：对应的 API 是 [`buildConfig.minify`](/api/config/build-config#minify)。\\n- 代码分割：[`buildConfig.spitting`](/api/config/build-config#splitting)\\n- 指定构建产物用于 NodeJS 环境还是浏览器环境：对应的 API 是 [`buildConfig.platform`](/api/config/build-config#platform)。\\n- umd 产物相关：\\n  - 指定 umd 产物外部导入的全局变量：对应的 API 是 [`buildConfig.umdGlobals`](/api/config/build-config#umdglobals)。\\n  - 指定 umd 产物的模块名：对应的 API 是 [`buildConfig.umdModuleName`](/api/config/build-config#umdmodulename)。\\n\\n除了以上分类以外，关于这些 API 的常见问题和最佳实践可以通过下面的链接来了解，敬请期待。\\n\\n- [什么是 `bundle` 和 `bundleless`?](/guide/advance/in-depth-about-build#bundle-和-bundleless)\\n- [`input` 与 `sourceDir` 的关系](/guide/advance/in-depth-about-build#input-与-sourcedir-的关系)。\\n- [产物中类型文件的多种生成方式](/guide/advance/in-depth-about-build#类型文件)。\\n- [`buildConfig.define` 不同场景的使用方式。](/guide/advance/in-depth-about-build#buildconfigdefine-不同场景的使用方式)\\n- [如何处理第三方依赖？](/guide/advance/external-dependency)\\n- [如何使用拷贝？](/guide/advance/copy)\\n- [如何构建 umd 产物？](/guide/advance/build-umd#设置项目的全局变量名称)\\n- [静态资源目前所支持的能力。](/guide/advance/asset)\\n\\n## 什么时候使用 `buildConfig`\\n\\n`buildConfig` 是用于修改产物的方式之一，**当与 `buildPreset` 配置同时存在的时候，只有 `buildConfig` 才会生效**。因此如果按照如下方式配置：\\n\\n```typescript\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: [{}],\\n  buildPreset: 'base-config',\\n});\\n```\\n\\n那么此时就会看到如下提示：\\n\\n```bash\\n因为同时出现 'buildConfig' 和 'buildPreset' 配置，因此仅 'buildConfig' 配置生效\\n```\\n\\n`buildPreset` 代表的一组或者多组构建相关的配置都是由 `buildConfig` 组成，**当使用 `buildPreset` 无法满足当前项目需求的时候，就可以使用 `buildConfig` 来自定义输出产物**。\\n\\n在使用 `buildConfig` 的过程，就是对“_获得怎样的构建产物_”的思考过程。\\n\"";
+const title = `修改输出产物`;
+const content = "\"---\\nsidebar_position: 3\\n---\\n\\n# 修改输出产物\\n\\n## 默认输出产物\\n\\n当在初始化的项目里使用 `modern build` 命令的时候，会根据 Module Tools 默认支持的配置生成相应的产物。默认支持的配置具体如下：\\n\\n```typescript\\nimport moduleTools, { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  plugins: [moduleTools()],\\n  buildPreset: 'npm-library',\\n});\\n```\\n\\n**默认生成产物具有以下特点**：\\n\\n- 会生成[CommonJS](https://nodejs.org/api/modules.html#modules-commonjs-modules)和[ESM](https://nodejs.org/api/esm.html#modules-ecmascript-modules)两份产物。\\n- 代码语法支持到 `ES6` ,更高级的语法将会被转换。\\n- 所有的代码经过打包变成了一个文件，即进行了 **bundle** 处理。\\n- 产物输出根目录为项目下的 `dist` 目录，类型文件输出的目录为 `dist/types`。\\n\\n看到这里你可能会有以下疑问：\\n\\n1. `buildPreset` 是什么？\\n2. 产物的这些特点是由什么决定的？\\n\\n那么接下来首先解释一下 `buildPreset`。\\n\\n## 构建预设\\n\\n`buildPreset` 代表着提前准备好的一组或者多组构建相关的配置，只需要使用 `buildPreset` 对应的预设值，就可以省去麻烦且复杂的配置工作，得到符合预期的产物。\\n\\n### 构建预设的字符串形式\\n\\n**构建预设的值可以是字符串形式**，因此这样形式的构建预设叫做预设字符串。\\n\\n模块工程解决方案根据 npm 包使用的通用场景，提供了通用的构建预设字符串以及相应的变体。目前支持的所有预设字符串可以通过 [BuildPreset API](/api/config/build-preset) 查看。这里讲解一下关于**通用的预设字符串与变体之间的关系**。\\n\\n在通用的预设字符串中，`\\\"npm-library\\\"` 可以用于在开发库类型的 npm 包的场景下使用，它适合大多数普通的模块类型项目。当设置 `\\\"npm-library\\\"` 的时候，项目的输出产物会有以下特点：\\n\\n- 在 `dist/lib` 目录下会得到代码格式为 `cjs`、语法支持到 `es6` 且经过打包处理后的产物。\\n- 在 `dist/es` 目录下会得到代码格式为 `esm`、语法支持为 `es6` 且经过打包处理后的产物。\\n- 在 `dist/types` 目录下会得到类型文件。如果不是 TypeScript 项目，则没有该目录。\\n\\n而预设字符串 `\\\"npm-library\\\"` 对应的变体则是在原本产物的基础上修改了**代码语法支持**这一特点，同时在字符串命名上也变为了 `\\\"npm-library-[es5 | es2016...es2020 | esnext]\\\"` 这样的形式。\\n\\n例如，如果在预设字符串 `\\\"npm-library\\\"` 对应的输出产物基础上，让产物代码支持的语法变为 `es5` 的话，那么只需要将 `\\\"npm-library\\\"` 改变为 `\\\"npm-library-es5\\\"` 就可以了。\\n\\n### 构建预设的函数形式\\n\\n**除了字符串形式以外，构建预设的值也可以是函数形式，在函数中可以打印或者修改某个预设值对应的具体配置**。\\n\\n例如，如果使用预设函数的形式达到预设字符串 `\\\"npm-library-es5\\\"` 同样的效果，可以按照如下的方式：\\n\\n```typescript\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildPreset({ preset }) {\\n    return preset.NPM_LIBRARY.map(config => {\\n      return { ...config, target: 'es5' };\\n    });\\n  },\\n});\\n```\\n\\n在上面的代码实现中，`preset.NPM_LIBRARY` 与预设字符串 `\\\"npm-library\\\"` 是相对应的，它代表着 `\\\"npm-library\\\"` 等价的多组构建相关的配置。我们通过 `map` 方法遍历了 `NPM_LIBRARY` 这个数组，在这个数组中包含了多个 `buildConfig` 对象。我们将原本的 `buildConfig` 对象进行了浅拷贝并修改了浅拷贝后得到 `buildConfig.target`，将它指定为 `es5`。\\n\\n> 关于 `preset.NPM_LIBRARY` 具体对应的值，可以通过 [BuildPreset API](/api/config/build-preset) 查看。在 `preset` 对象下不仅包含了 `NPM_LIBRARY`，还包含了其他类似的常量。\\n\\n那么这里的 `buildConfig` 对象是什么呢？之前提到的构建产物特点又是根据什么呢？\\n\\n接下来我们解释一下。\\n\\n## 构建配置（对象）\\n\\n**`buildConfig` 是一个用来描述如何编译、生成构建产物的配置对象**。在最开始提到的关于“_构建产物的特点_”，其实都是 `buildConfig` 所支持的属性。目前所支持的属性覆盖了大部分模块类型项目在构建产物时的需求，`buildConfig` 不仅包含一些产物所具备的属性，也包含了构建产物所需要的一些特性功能。接下来从分类的角度简单罗列一下：\\n\\n**构建产物的基本属性包括：**\\n\\n- 产物是否被打包：对应的 API 是 [`buildConfig.buildType`](/api/config/build-config#buildtype)。\\n- 产物对于语法的支持：对应的 API 是 [`buildConfig.target`](/api/config/build-config#target)。\\n- 产物格式：对应的 API 是 [`buildConfig.format`](/api/config/build-config#format)。\\n- 产物类型文件如何处理，对应的 API 是 [`buildConfig.dts`](/api/config/build-config#dts)。\\n- 产物的 sourceMap 如何处理：对应的 API 是 [`buildConfig.sourceMap`](/api/config/build-config#sourcemap)。\\n- 产物对应的输入（或者是源文件）：对应的 API 是 [`buildConfig.input`](/api/config/build-config#input)。\\n- 产物输出的目录：对应的 API 是 [`buildConfig.outDir`](/api/config/build-config#outDir)。\\n- 构建的源码目录：对应的 API 是 [`buildConfig.sourceDir`](/api/config/build-config#sourcedir)。\\n\\n**构建产物所需的常用功能包括：**\\n\\n- 别名：对应的 API 是 [`buildConfig.alias`](/api/config/build-config#alias)。\\n- 静态资源处理：对应的 API 是 [`buildConfig.asset`](/api/config/build-config#asset)。\\n- 第三方依赖处理：对应的 API 有：\\n  - [`buildConfig.autoExternal`](/api/config/build-config#autoexternal)。\\n  - [`buildConfig.externals`](/api/config/build-config#externals)。\\n- 拷贝：对应的 API 是 [`buildConfig.copy`](/api/config/build-config#copy)。\\n- 全局变量替换：对应的 API 是 [`buildConfig.define`](/api/config/build-config#define)。\\n- 指定 [JSX](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) 编译方式，对应的 API 是 [`buildConfig.jsx`](/api/config/build-config#jsx)。\\n\\n**一些高级属性或者使用频率不高的功能：**\\n\\n- 产物代码压缩：对应的 API 是 [`buildConfig.minify`](/api/config/build-config#minify)。\\n- 代码分割：[`buildConfig.spitting`](/api/config/build-config#splitting)\\n- 指定构建产物用于 NodeJS 环境还是浏览器环境：对应的 API 是 [`buildConfig.platform`](/api/config/build-config#platform)。\\n- umd 产物相关：\\n  - 指定 umd 产物外部导入的全局变量：对应的 API 是 [`buildConfig.umdGlobals`](/api/config/build-config#umdglobals)。\\n  - 指定 umd 产物的模块名：对应的 API 是 [`buildConfig.umdModuleName`](/api/config/build-config#umdmodulename)。\\n\\n除了以上分类以外，关于这些 API 的常见问题和最佳实践可以通过下面的链接来了解\\n\\n- [什么是 `bundle` 和 `bundleless`?](/guide/advance/in-depth-about-build#bundle-和-bundleless)\\n- [`input` 与 `sourceDir` 的关系](/guide/advance/in-depth-about-build#input-与-sourcedir-的关系)。\\n- [产物中类型文件的多种生成方式](/guide/advance/in-depth-about-build#类型文件)。\\n- [`buildConfig.define` 不同场景的使用方式。](/guide/advance/in-depth-about-build#buildconfigdefine-不同场景的使用方式)\\n- [如何处理第三方依赖？](/guide/advance/external-dependency)\\n- [如何使用拷贝？](/guide/advance/copy)\\n- [如何构建 umd 产物？](/guide/advance/build-umd#设置项目的全局变量名称)\\n- [静态资源目前所支持的能力。](/guide/advance/asset)\\n\\n## 什么时候使用 `buildConfig`\\n\\n`buildConfig` 是用于修改产物的方式之一，**当与 `buildPreset` 配置同时存在的时候，只有 `buildConfig` 才会生效**。因此如果按照如下方式配置：\\n\\n```typescript\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    format: 'umd',\\n  },\\n  buildPreset: 'npm-library',\\n});\\n```\\n\\n那么此时就会看到如下提示：\\n\\n```bash\\n因为同时出现 'buildConfig' 和 'buildPreset' 配置，因此仅 'buildConfig' 配置生效\\n```\\n\\n`buildPreset` 代表的一组或者多组构建相关的配置都是由 `buildConfig` 组成，**当使用 `buildPreset` 无法满足当前项目需求的时候，就可以使用 `buildConfig` 来自定义输出产物**。\\n\\n在使用 `buildConfig` 的过程，就是对**获得怎样的构建产物**的思考过程。\\n\"";
 function _createMdxContent(props) {
-  var _components = Object.assign({
+  const _components = Object.assign({
     h1: "h1",
     a: "a",
     h2: "h2",
@@ -1227,14 +1227,13 @@ function _createMdxContent(props) {
     strong: "strong",
     ul: "ul",
     li: "li",
-    div: "div",
     ol: "ol",
     h3: "h3",
     blockquote: "blockquote",
     em: "em"
   }, props.components);
-  if (!CH) _missingMdxReference("CH", false, "11:1-17:4");
-  if (!CH.Code) _missingMdxReference("CH.Code", true, "11:1-17:4");
+  if (!CH) _missingMdxReference("CH", false, "11:1-18:4");
+  if (!CH.Code) _missingMdxReference("CH.Code", true, "11:1-18: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: "修改输出产物",
@@ -1282,6 +1281,27 @@ function _createMdxContent(props) {
                   "color": "#D8DEE9FF"
                 }
               }
+            }, {
+              "content": "moduleTools",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ",",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
             }, {
               "content": "{",
               "props": {
@@ -1420,6 +1440,57 @@ function _createMdxContent(props) {
                 }
               }
             }]
+          }, {
+            "tokens": [{
+              "content": "  ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "plugins",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ":",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " [",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "moduleTools",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "()]",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": ",",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
           }, {
             "tokens": [{
               "content": "  ",
@@ -1457,7 +1528,7 @@ function _createMdxContent(props) {
                 }
               }
             }, {
-              "content": "base-config",
+              "content": "npm-library",
               "props": {
                 "style": {
                   "color": "#A3BE8C"
@@ -1512,16 +1583,21 @@ 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, {
+        children: ["会生成", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
           href: "https://nodejs.org/api/modules.html#modules-commonjs-modules",
+          target: "_blank",
+          rel: "nofollow",
           children: "CommonJS"
-        }), "，或者简称为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-          children: "cjs"
-        }), "。"]
+        }), "和", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+          href: "https://nodejs.org/api/esm.html#modules-ecmascript-modules",
+          target: "_blank",
+          rel: "nofollow",
+          children: "ESM"
+        }), "两份产物。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["代码语法支持到 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
           children: "ES6"
-        }), "。"]
+        }), " ,更高级的语法将会被转换。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["所有的代码经过打包变成了一个文件，即进行了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
           children: "bundle"
@@ -1533,25 +1609,6 @@ function _createMdxContent(props) {
           children: "dist/types"
         }), "。"]
       }), "\n"]
-    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.div, {
-      className: "modern-directive tip",
-      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
-        className: "modern-directive-title",
-        children: "TIP"
-      }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.div, {
-        className: "island-directive-content",
-        children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ol, {
-          children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
-            children: ["所谓“代码语法支持到 ES6”的意思是指：产物代码所支持的语法不会超过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-              children: "ES6"
-            }), "。如果源码中使用语法是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-              children: "ES6"
-            }), " 以上的语法（例如 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-              children: "ES2017"
-            }), "），则会被进行转换。"]
-          }), "\n"]
-        })
-      })]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
       children: "看到这里你可能会有以下疑问："
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ol, {
@@ -1594,7 +1651,7 @@ function _createMdxContent(props) {
       }), "，因此这样形式的构建预设叫做预设字符串。"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
       children: ["模块工程解决方案根据 npm 包使用的通用场景，提供了通用的构建预设字符串以及相应的变体。目前支持的所有预设字符串可以通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-        href: "/api/config/build-config.html",
+        href: "/module-tools/api/config/build-preset.html",
         children: "BuildPreset API"
       }), " 查看。这里讲解一下关于", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
         children: "通用的预设字符串与变体之间的关系"
@@ -1639,11 +1696,11 @@ function _createMdxContent(props) {
       children: ["例如，如果在预设字符串 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
         children: "\"npm-library\""
       }), " 对应的输出产物基础上，让产物代码支持的语法变为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-        children: "es2017"
+        children: "es5"
       }), " 的话，那么只需要将 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
         children: "\"npm-library\""
       }), " 改变为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-        children: "\"npm-library-es2017\""
+        children: "\"npm-library-es5\""
       }), " 就可以了。"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
       id: "构建预设的函数形式",
@@ -1659,7 +1716,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.code, {
-        children: "\"npm-library-es2017\""
+        children: "\"npm-library-es5\""
       }), " 同样的效果，可以按照如下的方式："]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
       codeConfig: chCodeConfig,
@@ -2083,7 +2140,7 @@ function _createMdxContent(props) {
                 }
               }
             }, {
-              "content": "es2017",
+              "content": "es5",
               "props": {
                 "style": {
                   "color": "#A3BE8C"
@@ -2210,14 +2267,14 @@ function _createMdxContent(props) {
       }), " 对象进行了浅拷贝并修改了浅拷贝后得到 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
         children: "buildConfig.target"
       }), "，将它指定为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
-        children: "es2017"
+        children: "es5"
       }), "。"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.blockquote, {
       children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
         children: ["关于 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
           children: "preset.NPM_LIBRARY"
         }), " 具体对应的值，可以通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config.html",
+          href: "/module-tools/api/config/build-preset.html",
           children: "BuildPreset API"
         }), " 查看。在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
           children: "preset"
@@ -2258,56 +2315,56 @@ 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: ["产物是否被打包：对应的 API 是 ", (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",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.buildType"
           })
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["产物对于语法的支持：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#target.html",
+          href: "/module-tools/api/config/build-config.html#target",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.target"
           })
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["产物格式：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#format.html",
+          href: "/module-tools/api/config/build-config.html#format",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.format"
           })
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["产物类型文件如何处理，对应的 API 是 ", (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",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.dts"
           })
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["产物的 sourceMap 如何处理：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#sourcemap.html",
+          href: "/module-tools/api/config/build-config.html#sourcemap",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.sourceMap"
           })
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["产物对应的输入（或者是源文件）：对应的 API 是 ", (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",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.input"
           })
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["产物输出的目录：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#outDir.html",
+          href: "/module-tools/api/config/build-config.html#outdir-2",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.outDir"
           })
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["构建的源码目录：对应的 API 是 ", (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",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.sourceDir"
           })
@@ -2320,14 +2377,14 @@ 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: ["别名：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#alias.html",
+          href: "/module-tools/api/config/build-config.html#alias",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.alias"
           })
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["静态资源处理：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#asset.html",
+          href: "/module-tools/api/config/build-config.html#asset",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.asset"
           })
@@ -2336,14 +2393,14 @@ function _createMdxContent(props) {
         children: ["第三方依赖处理：对应的 API 有：", "\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#autoexternal.html",
+              href: "/module-tools/api/config/build-config.html#autoexternal",
               children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
                 children: "buildConfig.autoExternal"
               })
             }), "。"]
           }), "\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",
               children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
                 children: "buildConfig.externals"
               })
@@ -2352,14 +2409,14 @@ function _createMdxContent(props) {
         }), "\n"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["拷贝：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#copy.html",
+          href: "/module-tools/api/config/build-config.html#copy",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.copy"
           })
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["全局变量替换：对应的 API 是 ", (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",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.define"
           })
@@ -2367,9 +2424,11 @@ 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://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html",
+          target: "_blank",
+          rel: "nofollow",
           children: "JSX"
         }), " 编译方式，对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#jsx.html",
+          href: "/module-tools/api/config/build-config.html#jsx",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.jsx"
           })
@@ -2382,21 +2441,21 @@ 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: ["产物代码压缩：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#minify.html",
+          href: "/module-tools/api/config/build-config.html#minify",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.minify"
           })
         }), "。"]
       }), "\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#splitting.html",
+          href: "/module-tools/api/config/build-config.html#splitting",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.spitting"
           })
         })]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: ["指定构建产物用于 NodeJS 环境还是浏览器环境：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/api/config/build-config#platform.html",
+          href: "/module-tools/api/config/build-config.html#platform",
           children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.platform"
           })
@@ -2405,14 +2464,14 @@ function _createMdxContent(props) {
         children: ["umd 产物相关：", "\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: ["指定 umd 产物外部导入的全局变量：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-              href: "/api/config/build-config#umdglobals.html",
+              href: "/module-tools/api/config/build-config.html#umdglobals",
               children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
                 children: "buildConfig.umdGlobals"
               })
             }), "。"]
           }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
             children: ["指定 umd 产物的模块名：对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-              href: "/api/config/build-config#umdmodulename.html",
+              href: "/module-tools/api/config/build-config.html#umdmodulename",
               children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
                 children: "buildConfig.umdModuleName"
               })
@@ -2421,11 +2480,11 @@ function _createMdxContent(props) {
         }), "\n"]
       }), "\n"]
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
-      children: "除了以上分类以外，关于这些 API 的常见问题和最佳实践可以通过下面的链接来了解，敬请期待。"
+      children: "除了以上分类以外，关于这些 API 的常见问题和最佳实践可以通过下面的链接来了解"
     }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
       children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.a, {
-          href: "/guide/advance/in-depth-about-build#bundle-%E5%92%8C-bundleless.html",
+          href: "/module-tools/guide/advance/in-depth-about-build.html#bundle-%E5%92%8C-bundleless",
           children: ["什么是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "bundle"
           }), " 和 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
@@ -2434,7 +2493,7 @@ function _createMdxContent(props) {
         })
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
         children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.a, {
-          href: "/guide/advance/in-depth-about-build#input-%E4%B8%8E-sourcedir-%E7%9A%84%E5%85%B3%E7%B3%BB.html",
+          href: "/module-tools/guide/advance/in-depth-about-build.html#input-%E4%B8%8E-sourcedir-%E7%9A%84%E5%85%B3%E7%B3%BB",
           children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "input"
           }), " 与 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
@@ -2443,34 +2502,34 @@ 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: "/guide/advance/in-depth-about-build#%E7%B1%BB%E5%9E%8B%E6%96%87%E4%BB%B6.html",
+          href: "/module-tools/guide/advance/in-depth-about-build.html#%E7%B1%BB%E5%9E%8B%E6%96%87%E4%BB%B6",
           children: "产物中类型文件的多种生成方式"
         }), "。"]
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.a, {
-          href: "/guide/advance/in-depth-about-build#buildconfigdefine-%E4%B8%8D%E5%90%8C%E5%9C%BA%E6%99%AF%E7%9A%84%E4%BD%BF%E7%94%A8%E6%96%B9%E5%BC%8F.html",
+          href: "/module-tools/guide/advance/in-depth-about-build.html#buildconfigdefine-%E4%B8%8D%E5%90%8C%E5%9C%BA%E6%99%AF%E7%9A%84%E4%BD%BF%E7%94%A8%E6%96%B9%E5%BC%8F",
           children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
             children: "buildConfig.define"
           }), " 不同场景的使用方式。"]
         })
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/guide/advance/external-dependency.html",
+          href: "/module-tools/guide/advance/external-dependency.html",
           children: "如何处理第三方依赖？"
         })
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/guide/advance/copy.html",
+          href: "/module-tools/guide/advance/copy.html",
           children: "如何使用拷贝？"
         })
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/guide/advance/build-umd#%E8%AE%BE%E7%BD%AE%E9%A1%B9%E7%9B%AE%E7%9A%84%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F%E5%90%8D%E7%A7%B0.html",
+          href: "/module-tools/guide/advance/build-umd.html#%E8%AE%BE%E7%BD%AE%E9%A1%B9%E7%9B%AE%E7%9A%84%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F%E5%90%8D%E7%A7%B0",
           children: "如何构建 umd 产物？"
         })
       }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
         children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
-          href: "/guide/advance/asset.html",
+          href: "/module-tools/guide/advance/asset.html",
           children: "静态资源目前所支持的能力。"
         })
       }), "\n"]
@@ -2681,26 +2740,70 @@ function _createMdxContent(props) {
                 }
               }
             }, {
-              "content": " [",
+              "content": " ",
               "props": {
                 "style": {
                   "color": "#D8DEE9FF"
                 }
               }
             }, {
-              "content": "{}",
+              "content": "{",
               "props": {
                 "style": {
                   "color": "#ECEFF4"
                 }
               }
+            }]
+          }, {
+            "tokens": [{
+              "content": "    ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
             }, {
-              "content": "]",
+              "content": "format",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ":",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
               "props": {
                 "style": {
                   "color": "#D8DEE9FF"
                 }
               }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "umd",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
             }, {
               "content": ",",
               "props": {
@@ -2709,6 +2812,22 @@ function _createMdxContent(props) {
                 }
               }
             }]
+          }, {
+            "tokens": [{
+              "content": "  ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "},",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
           }, {
             "tokens": [{
               "content": "  ",
@@ -2746,7 +2865,7 @@ function _createMdxContent(props) {
                 }
               }
             }, {
-              "content": "base-config",
+              "content": "npm-library",
               "props": {
                 "style": {
                   "color": "#A3BE8C"
@@ -2921,29 +3040,25 @@ 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.code, {
         children: "buildConfig"
-      }), " 的过程，就是对“", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.em, {
+      }), " 的过程，就是对", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
         children: "获得怎样的构建产物"
-      }), "”的思考过程。"]
+      }), "的思考过程。"]
     })]
   });
 }
-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/basic/modify-output-product.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/basic/modify-output-product.md`" : ""));
 }
-var _c;
-__webpack_require__.$Refresh$.register(_c, "MDXContent");
+
 
 /***/ })
 
 }]);
-//# sourceMappingURL=guide_basic_modify-output-product.js.map
+//# sourceMappingURL=zh_guide_basic_modify-output-product.js.map