@modern-js/module-tools-docs 2.2.0 → 2.2.1-beta.1

package/doc_build/static/js/async/zh_guide_basic_modify-output-product.js

@@ -0,0 +1,3142 @@
+"use strict";
+(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__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "CH": function() { return /* binding */ CH; },
+/* harmony export */   "chCodeConfig": function() { return /* binding */ chCodeConfig; },
+/* harmony export */   "content": function() { return /* binding */ content; },
+/* harmony export */   "frontmatter": function() { return /* binding */ frontmatter; },
+/* harmony export */   "title": function() { return /* binding */ title; },
+/* harmony export */   "toc": function() { return /* binding */ toc; }
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js");
+/* harmony import */ var _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/.pnpm/@code-hike+mdx@0.7.4_react@18.2.0/node_modules/@code-hike/mdx/dist/components.esm.mjs");
+/*@jsxRuntime automatic @jsxImportSource react*/
+
+
+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
+};
+const chCodeConfig = {
+  "staticMediaQuery": "not screen, (max-width: 768px)",
+  "theme": {
+    "name": "nord",
+    "type": "dark",
+    "semanticHighlighting": true,
+    "colors": {
+      "focusBorder": "#3b4252",
+      "foreground": "#d8dee9",
+      "activityBar.background": "#2e3440",
+      "activityBar.dropBackground": "#3b4252",
+      "activityBar.foreground": "#d8dee9",
+      "activityBar.activeBorder": "#88c0d0",
+      "activityBar.activeBackground": "#3b4252",
+      "activityBarBadge.background": "#88c0d0",
+      "activityBarBadge.foreground": "#2e3440",
+      "badge.foreground": "#2e3440",
+      "badge.background": "#88c0d0",
+      "button.background": "#88c0d0ee",
+      "button.foreground": "#2e3440",
+      "button.hoverBackground": "#88c0d0",
+      "button.secondaryBackground": "#434c5e",
+      "button.secondaryForeground": "#d8dee9",
+      "button.secondaryHoverBackground": "#4c566a",
+      "charts.red": "#bf616a",
+      "charts.blue": "#81a1c1",
+      "charts.yellow": "#ebcb8b",
+      "charts.orange": "#d08770",
+      "charts.green": "#a3be8c",
+      "charts.purple": "#b48ead",
+      "charts.foreground": "#d8dee9",
+      "charts.lines": "#88c0d0",
+      "debugConsole.infoForeground": "#88c0d0",
+      "debugConsole.warningForeground": "#ebcb8b",
+      "debugConsole.errorForeground": "#bf616a",
+      "debugConsole.sourceForeground": "#616e88",
+      "debugConsoleInputIcon.foreground": "#81a1c1",
+      "debugExceptionWidget.background": "#4c566a",
+      "debugExceptionWidget.border": "#2e3440",
+      "debugToolBar.background": "#3b4252",
+      "descriptionForeground": "#d8dee9e6",
+      "diffEditor.insertedTextBackground": "#81a1c133",
+      "diffEditor.removedTextBackground": "#bf616a4d",
+      "dropdown.background": "#3b4252",
+      "dropdown.border": "#3b4252",
+      "dropdown.foreground": "#d8dee9",
+      "editorActiveLineNumber.foreground": "#d8dee9cc",
+      "editorCursor.foreground": "#d8dee9",
+      "editorHint.border": "#ebcb8b00",
+      "editorHint.foreground": "#ebcb8b",
+      "editorIndentGuide.background": "#434c5eb3",
+      "editorIndentGuide.activeBackground": "#4c566a",
+      "editorInlayHint.background": "#434c5e",
+      "editorInlayHint.foreground": "#d8dee9",
+      "editorLineNumber.foreground": "#4c566a",
+      "editorLineNumber.activeForeground": "#d8dee9",
+      "editorWhitespace.foreground": "#4c566ab3",
+      "editorWidget.background": "#2e3440",
+      "editorWidget.border": "#3b4252",
+      "editor.background": "#2e3440",
+      "editor.foreground": "#d8dee9",
+      "editor.hoverHighlightBackground": "#3b4252",
+      "editor.findMatchBackground": "#88c0d066",
+      "editor.findMatchHighlightBackground": "#88c0d033",
+      "editor.findRangeHighlightBackground": "#88c0d033",
+      "editor.lineHighlightBackground": "#3b4252",
+      "editor.lineHighlightBorder": "#3b4252",
+      "editor.inactiveSelectionBackground": "#434c5ecc",
+      "editor.inlineValuesBackground": "#4c566a",
+      "editor.inlineValuesForeground": "#eceff4",
+      "editor.selectionBackground": "#434c5ecc",
+      "editor.selectionHighlightBackground": "#434c5ecc",
+      "editor.rangeHighlightBackground": "#434c5e52",
+      "editor.wordHighlightBackground": "#81a1c166",
+      "editor.wordHighlightStrongBackground": "#81a1c199",
+      "editor.stackFrameHighlightBackground": "#5e81ac",
+      "editor.focusedStackFrameHighlightBackground": "#5e81ac",
+      "editorError.foreground": "#bf616a",
+      "editorError.border": "#bf616a00",
+      "editorWarning.foreground": "#ebcb8b",
+      "editorWarning.border": "#ebcb8b00",
+      "editorBracketMatch.background": "#2e344000",
+      "editorBracketMatch.border": "#88c0d0",
+      "editorBracketHighlight.foreground1": "#8fbcbb",
+      "editorBracketHighlight.foreground2": "#88c0d0",
+      "editorBracketHighlight.foreground3": "#81a1c1",
+      "editorBracketHighlight.foreground4": "#5e81ac",
+      "editorBracketHighlight.foreground5": "#8fbcbb",
+      "editorBracketHighlight.foreground6": "#88c0d0",
+      "editorBracketHighlight.unexpectedBracket.foreground": "#bf616a",
+      "editorCodeLens.foreground": "#4c566a",
+      "editorGroup.background": "#2e3440",
+      "editorGroup.border": "#3b425201",
+      "editorGroup.dropBackground": "#3b425299",
+      "editorGroupHeader.border": "#3b425200",
+      "editorGroupHeader.noTabsBackground": "#2e3440",
+      "editorGroupHeader.tabsBackground": "#2e3440",
+      "editorGroupHeader.tabsBorder": "#3b425200",
+      "editorGutter.background": "#2e3440",
+      "editorGutter.modifiedBackground": "#ebcb8b",
+      "editorGutter.addedBackground": "#a3be8c",
+      "editorGutter.deletedBackground": "#bf616a",
+      "editorHoverWidget.background": "#3b4252",
+      "editorHoverWidget.border": "#3b4252",
+      "editorLink.activeForeground": "#88c0d0",
+      "editorMarkerNavigation.background": "#5e81acc0",
+      "editorMarkerNavigationError.background": "#bf616ac0",
+      "editorMarkerNavigationWarning.background": "#ebcb8bc0",
+      "editorOverviewRuler.border": "#3b4252",
+      "editorOverviewRuler.currentContentForeground": "#3b4252",
+      "editorOverviewRuler.incomingContentForeground": "#3b4252",
+      "editorOverviewRuler.findMatchForeground": "#88c0d066",
+      "editorOverviewRuler.rangeHighlightForeground": "#88c0d066",
+      "editorOverviewRuler.selectionHighlightForeground": "#88c0d066",
+      "editorOverviewRuler.wordHighlightForeground": "#88c0d066",
+      "editorOverviewRuler.wordHighlightStrongForeground": "#88c0d066",
+      "editorOverviewRuler.modifiedForeground": "#ebcb8b",
+      "editorOverviewRuler.addedForeground": "#a3be8c",
+      "editorOverviewRuler.deletedForeground": "#bf616a",
+      "editorOverviewRuler.errorForeground": "#bf616a",
+      "editorOverviewRuler.warningForeground": "#ebcb8b",
+      "editorOverviewRuler.infoForeground": "#81a1c1",
+      "editorRuler.foreground": "#434c5e",
+      "editorSuggestWidget.background": "#2e3440",
+      "editorSuggestWidget.border": "#3b4252",
+      "editorSuggestWidget.foreground": "#d8dee9",
+      "editorSuggestWidget.focusHighlightForeground": "#88c0d0",
+      "editorSuggestWidget.highlightForeground": "#88c0d0",
+      "editorSuggestWidget.selectedBackground": "#434c5e",
+      "editorSuggestWidget.selectedForeground": "#d8dee9",
+      "extensionButton.prominentForeground": "#d8dee9",
+      "extensionButton.prominentBackground": "#434c5e",
+      "extensionButton.prominentHoverBackground": "#4c566a",
+      "errorForeground": "#bf616a",
+      "gitDecoration.modifiedResourceForeground": "#ebcb8b",
+      "gitDecoration.deletedResourceForeground": "#bf616a",
+      "gitDecoration.untrackedResourceForeground": "#a3be8c",
+      "gitDecoration.ignoredResourceForeground": "#d8dee966",
+      "gitDecoration.conflictingResourceForeground": "#5e81ac",
+      "gitDecoration.submoduleResourceForeground": "#8fbcbb",
+      "gitDecoration.stageDeletedResourceForeground": "#bf616a",
+      "gitDecoration.stageModifiedResourceForeground": "#ebcb8b",
+      "input.background": "#3b4252",
+      "input.foreground": "#d8dee9",
+      "input.placeholderForeground": "#d8dee999",
+      "input.border": "#3b4252",
+      "inputOption.activeBackground": "#5e81ac",
+      "inputOption.activeBorder": "#5e81ac",
+      "inputOption.activeForeground": "#eceff4",
+      "inputValidation.errorBackground": "#bf616a",
+      "inputValidation.errorBorder": "#bf616a",
+      "inputValidation.infoBackground": "#81a1c1",
+      "inputValidation.infoBorder": "#81a1c1",
+      "inputValidation.warningBackground": "#d08770",
+      "inputValidation.warningBorder": "#d08770",
+      "keybindingLabel.background": "#4c566a",
+      "keybindingLabel.border": "#4c566a",
+      "keybindingLabel.bottomBorder": "#4c566a",
+      "keybindingLabel.foreground": "#d8dee9",
+      "list.activeSelectionBackground": "#88c0d0",
+      "list.activeSelectionForeground": "#2e3440",
+      "list.inactiveSelectionBackground": "#434c5e",
+      "list.inactiveSelectionForeground": "#d8dee9",
+      "list.inactiveFocusBackground": "#434c5ecc",
+      "list.hoverForeground": "#eceff4",
+      "list.focusForeground": "#d8dee9",
+      "list.focusBackground": "#88c0d099",
+      "list.focusHighlightForeground": "#eceff4",
+      "list.hoverBackground": "#3b4252",
+      "list.dropBackground": "#88c0d099",
+      "list.highlightForeground": "#88c0d0",
+      "list.errorForeground": "#bf616a",
+      "list.warningForeground": "#ebcb8b",
+      "merge.currentHeaderBackground": "#81a1c166",
+      "merge.currentContentBackground": "#81a1c14d",
+      "merge.incomingHeaderBackground": "#8fbcbb66",
+      "merge.incomingContentBackground": "#8fbcbb4d",
+      "merge.border": "#3b425200",
+      "minimap.background": "#2e3440",
+      "minimap.errorHighlight": "#bf616acc",
+      "minimap.findMatchHighlight": "#88c0d0",
+      "minimap.selectionHighlight": "#88c0d0cc",
+      "minimap.warningHighlight": "#ebcb8bcc",
+      "minimapGutter.addedBackground": "#a3be8c",
+      "minimapGutter.deletedBackground": "#bf616a",
+      "minimapGutter.modifiedBackground": "#ebcb8b",
+      "minimapSlider.activeBackground": "#434c5eaa",
+      "minimapSlider.background": "#434c5e99",
+      "minimapSlider.hoverBackground": "#434c5eaa",
+      "notification.background": "#3b4252",
+      "notification.buttonBackground": "#434c5e",
+      "notification.buttonForeground": "#d8dee9",
+      "notification.buttonHoverBackground": "#4c566a",
+      "notification.errorBackground": "#bf616a",
+      "notification.errorForeground": "#2e3440",
+      "notification.foreground": "#d8dee9",
+      "notification.infoBackground": "#88c0d0",
+      "notification.infoForeground": "#2e3440",
+      "notification.warningBackground": "#ebcb8b",
+      "notification.warningForeground": "#2e3440",
+      "notificationCenter.border": "#3b425200",
+      "notificationCenterHeader.background": "#2e3440",
+      "notificationCenterHeader.foreground": "#88c0d0",
+      "notificationLink.foreground": "#88c0d0",
+      "notifications.background": "#3b4252",
+      "notifications.border": "#2e3440",
+      "notifications.foreground": "#d8dee9",
+      "notificationToast.border": "#3b425200",
+      "panel.background": "#2e3440",
+      "panel.border": "#3b4252",
+      "panelTitle.activeBorder": "#88c0d000",
+      "panelTitle.activeForeground": "#88c0d0",
+      "panelTitle.inactiveForeground": "#d8dee9",
+      "peekView.border": "#4c566a",
+      "peekViewEditor.background": "#2e3440",
+      "peekViewEditorGutter.background": "#2e3440",
+      "peekViewEditor.matchHighlightBackground": "#88c0d04d",
+      "peekViewResult.background": "#2e3440",
+      "peekViewResult.fileForeground": "#88c0d0",
+      "peekViewResult.lineForeground": "#d8dee966",
+      "peekViewResult.matchHighlightBackground": "#88c0d0cc",
+      "peekViewResult.selectionBackground": "#434c5e",
+      "peekViewResult.selectionForeground": "#d8dee9",
+      "peekViewTitle.background": "#3b4252",
+      "peekViewTitleDescription.foreground": "#d8dee9",
+      "peekViewTitleLabel.foreground": "#88c0d0",
+      "pickerGroup.border": "#3b4252",
+      "pickerGroup.foreground": "#88c0d0",
+      "progressBar.background": "#88c0d0",
+      "quickInputList.focusBackground": "#88c0d0",
+      "quickInputList.focusForeground": "#2e3440",
+      "sash.hoverBorder": "#88c0d0",
+      "scrollbar.shadow": "#00000066",
+      "scrollbarSlider.activeBackground": "#434c5eaa",
+      "scrollbarSlider.background": "#434c5e99",
+      "scrollbarSlider.hoverBackground": "#434c5eaa",
+      "selection.background": "#88c0d099",
+      "sideBar.background": "#2e3440",
+      "sideBar.foreground": "#d8dee9",
+      "sideBar.border": "#3b4252",
+      "sideBarSectionHeader.background": "#3b4252",
+      "sideBarSectionHeader.foreground": "#d8dee9",
+      "sideBarTitle.foreground": "#d8dee9",
+      "statusBar.background": "#3b4252",
+      "statusBar.debuggingBackground": "#5e81ac",
+      "statusBar.debuggingForeground": "#d8dee9",
+      "statusBar.noFolderForeground": "#d8dee9",
+      "statusBar.noFolderBackground": "#3b4252",
+      "statusBar.foreground": "#d8dee9",
+      "statusBarItem.activeBackground": "#4c566a",
+      "statusBarItem.hoverBackground": "#434c5e",
+      "statusBarItem.prominentBackground": "#3b4252",
+      "statusBarItem.prominentHoverBackground": "#434c5e",
+      "statusBarItem.errorBackground": "#3b4252",
+      "statusBarItem.errorForeground": "#bf616a",
+      "statusBarItem.warningBackground": "#ebcb8b",
+      "statusBarItem.warningForeground": "#2e3440",
+      "statusBar.border": "#3b425200",
+      "tab.activeBackground": "#3b4252",
+      "tab.activeForeground": "#d8dee9",
+      "tab.border": "#3b425200",
+      "tab.activeBorder": "#88c0d000",
+      "tab.unfocusedActiveBorder": "#88c0d000",
+      "tab.inactiveBackground": "#2e3440",
+      "tab.inactiveForeground": "#d8dee966",
+      "tab.unfocusedActiveForeground": "#d8dee999",
+      "tab.unfocusedInactiveForeground": "#d8dee966",
+      "tab.hoverBackground": "#3b4252cc",
+      "tab.unfocusedHoverBackground": "#3b4252b3",
+      "tab.hoverBorder": "#88c0d000",
+      "tab.unfocusedHoverBorder": "#88c0d000",
+      "tab.activeBorderTop": "#88c0d000",
+      "tab.unfocusedActiveBorderTop": "#88c0d000",
+      "tab.lastPinnedBorder": "#4c566a",
+      "terminal.background": "#2e3440",
+      "terminal.foreground": "#d8dee9",
+      "terminal.ansiBlack": "#3b4252",
+      "terminal.ansiRed": "#bf616a",
+      "terminal.ansiGreen": "#a3be8c",
+      "terminal.ansiYellow": "#ebcb8b",
+      "terminal.ansiBlue": "#81a1c1",
+      "terminal.ansiMagenta": "#b48ead",
+      "terminal.ansiCyan": "#88c0d0",
+      "terminal.ansiWhite": "#e5e9f0",
+      "terminal.ansiBrightBlack": "#4c566a",
+      "terminal.ansiBrightRed": "#bf616a",
+      "terminal.ansiBrightGreen": "#a3be8c",
+      "terminal.ansiBrightYellow": "#ebcb8b",
+      "terminal.ansiBrightBlue": "#81a1c1",
+      "terminal.ansiBrightMagenta": "#b48ead",
+      "terminal.ansiBrightCyan": "#8fbcbb",
+      "terminal.ansiBrightWhite": "#eceff4",
+      "terminal.tab.activeBorder": "#88c0d0",
+      "textBlockQuote.background": "#3b4252",
+      "textBlockQuote.border": "#81a1c1",
+      "textCodeBlock.background": "#4c566a",
+      "textLink.activeForeground": "#88c0d0",
+      "textLink.foreground": "#88c0d0",
+      "textPreformat.foreground": "#8fbcbb",
+      "textSeparator.foreground": "#eceff4",
+      "titleBar.activeBackground": "#2e3440",
+      "titleBar.activeForeground": "#d8dee9",
+      "titleBar.border": "#2e344000",
+      "titleBar.inactiveBackground": "#2e3440",
+      "titleBar.inactiveForeground": "#d8dee966",
+      "tree.indentGuidesStroke": "#616e88",
+      "walkThrough.embeddedEditorBackground": "#2e3440",
+      "welcomePage.buttonBackground": "#434c5e",
+      "welcomePage.buttonHoverBackground": "#4c566a",
+      "widget.shadow": "#00000066"
+    },
+    "tokenColors": [{
+      "settings": {
+        "foreground": "#d8dee9ff",
+        "background": "#2e3440ff"
+      }
+    }, {
+      "scope": "emphasis",
+      "settings": {
+        "fontStyle": "italic"
+      }
+    }, {
+      "scope": "strong",
+      "settings": {
+        "fontStyle": "bold"
+      }
+    }, {
+      "name": "Comment",
+      "scope": "comment",
+      "settings": {
+        "foreground": "#616E88"
+      }
+    }, {
+      "name": "Constant Character",
+      "scope": "constant.character",
+      "settings": {
+        "foreground": "#EBCB8B"
+      }
+    }, {
+      "name": "Constant Character Escape",
+      "scope": "constant.character.escape",
+      "settings": {
+        "foreground": "#EBCB8B"
+      }
+    }, {
+      "name": "Constant Language",
+      "scope": "constant.language",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Constant Numeric",
+      "scope": "constant.numeric",
+      "settings": {
+        "foreground": "#B48EAD"
+      }
+    }, {
+      "name": "Constant Regexp",
+      "scope": "constant.regexp",
+      "settings": {
+        "foreground": "#EBCB8B"
+      }
+    }, {
+      "name": "Entity Name Class/Type",
+      "scope": ["entity.name.class", "entity.name.type.class"],
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "Entity Name Function",
+      "scope": "entity.name.function",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "Entity Name Tag",
+      "scope": "entity.name.tag",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Entity Other Attribute Name",
+      "scope": "entity.other.attribute-name",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "Entity Other Inherited Class",
+      "scope": "entity.other.inherited-class",
+      "settings": {
+        "fontStyle": "bold",
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "Invalid Deprecated",
+      "scope": "invalid.deprecated",
+      "settings": {
+        "foreground": "#D8DEE9",
+        "background": "#EBCB8B"
+      }
+    }, {
+      "name": "Invalid Illegal",
+      "scope": "invalid.illegal",
+      "settings": {
+        "foreground": "#D8DEE9",
+        "background": "#BF616A"
+      }
+    }, {
+      "name": "Keyword",
+      "scope": "keyword",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Keyword Operator",
+      "scope": "keyword.operator",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Keyword Other New",
+      "scope": "keyword.other.new",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Markup Bold",
+      "scope": "markup.bold",
+      "settings": {
+        "fontStyle": "bold"
+      }
+    }, {
+      "name": "Markup Changed",
+      "scope": "markup.changed",
+      "settings": {
+        "foreground": "#EBCB8B"
+      }
+    }, {
+      "name": "Markup Deleted",
+      "scope": "markup.deleted",
+      "settings": {
+        "foreground": "#BF616A"
+      }
+    }, {
+      "name": "Markup Inserted",
+      "scope": "markup.inserted",
+      "settings": {
+        "foreground": "#A3BE8C"
+      }
+    }, {
+      "name": "Meta Preprocessor",
+      "scope": "meta.preprocessor",
+      "settings": {
+        "foreground": "#5E81AC"
+      }
+    }, {
+      "name": "Punctuation",
+      "scope": "punctuation",
+      "settings": {
+        "foreground": "#ECEFF4"
+      }
+    }, {
+      "name": "Punctuation Definition Parameters",
+      "scope": ["punctuation.definition.method-parameters", "punctuation.definition.function-parameters", "punctuation.definition.parameters"],
+      "settings": {
+        "foreground": "#ECEFF4"
+      }
+    }, {
+      "name": "Punctuation Definition Tag",
+      "scope": "punctuation.definition.tag",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Punctuation Definition Comment",
+      "scope": ["punctuation.definition.comment", "punctuation.end.definition.comment", "punctuation.start.definition.comment"],
+      "settings": {
+        "foreground": "#616E88"
+      }
+    }, {
+      "name": "Punctuation Section",
+      "scope": "punctuation.section",
+      "settings": {
+        "foreground": "#ECEFF4"
+      }
+    }, {
+      "name": "Punctuation Section Embedded",
+      "scope": ["punctuation.section.embedded.begin", "punctuation.section.embedded.end"],
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Punctuation Terminator",
+      "scope": "punctuation.terminator",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Punctuation Variable",
+      "scope": "punctuation.definition.variable",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Storage",
+      "scope": "storage",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "String",
+      "scope": "string",
+      "settings": {
+        "foreground": "#A3BE8C"
+      }
+    }, {
+      "name": "String Regexp",
+      "scope": "string.regexp",
+      "settings": {
+        "foreground": "#EBCB8B"
+      }
+    }, {
+      "name": "Support Class",
+      "scope": "support.class",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "Support Constant",
+      "scope": "support.constant",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Support Function",
+      "scope": "support.function",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "Support Function Construct",
+      "scope": "support.function.construct",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Support Type",
+      "scope": "support.type",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "Support Type Exception",
+      "scope": "support.type.exception",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "Token Debug",
+      "scope": "token.debug-token",
+      "settings": {
+        "foreground": "#b48ead"
+      }
+    }, {
+      "name": "Token Error",
+      "scope": "token.error-token",
+      "settings": {
+        "foreground": "#bf616a"
+      }
+    }, {
+      "name": "Token Info",
+      "scope": "token.info-token",
+      "settings": {
+        "foreground": "#88c0d0"
+      }
+    }, {
+      "name": "Token Warning",
+      "scope": "token.warn-token",
+      "settings": {
+        "foreground": "#ebcb8b"
+      }
+    }, {
+      "name": "Variable",
+      "scope": "variable.other",
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "Variable Language",
+      "scope": "variable.language",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "Variable Parameter",
+      "scope": "variable.parameter",
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "[C/CPP] Punctuation Separator Pointer-Access",
+      "scope": "punctuation.separator.pointer-access.c",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[C/CPP] Meta Preprocessor Include",
+      "scope": ["source.c meta.preprocessor.include", "source.c string.quoted.other.lt-gt.include"],
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[C/CPP] Conditional Directive",
+      "scope": ["source.cpp keyword.control.directive.conditional", "source.cpp punctuation.definition.directive", "source.c keyword.control.directive.conditional", "source.c punctuation.definition.directive"],
+      "settings": {
+        "foreground": "#5E81AC",
+        "fontStyle": "bold"
+      }
+    }, {
+      "name": "[CSS] Constant Other Color RGB Value",
+      "scope": "source.css constant.other.color.rgb-value",
+      "settings": {
+        "foreground": "#B48EAD"
+      }
+    }, {
+      "name": "[CSS](Function) Meta Property-Value",
+      "scope": "source.css meta.property-value",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[CSS] Media Queries",
+      "scope": ["source.css keyword.control.at-rule.media", "source.css keyword.control.at-rule.media punctuation.definition.keyword"],
+      "settings": {
+        "foreground": "#D08770"
+      }
+    }, {
+      "name": "[CSS] Punctuation Definition Keyword",
+      "scope": "source.css punctuation.definition.keyword",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[CSS] Support Type Property Name",
+      "scope": "source.css support.type.property-name",
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "[diff] Meta Range Context",
+      "scope": "source.diff meta.diff.range.context",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[diff] Meta Header From-File",
+      "scope": "source.diff meta.diff.header.from-file",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[diff] Punctuation Definition From-File",
+      "scope": "source.diff punctuation.definition.from-file",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[diff] Punctuation Definition Range",
+      "scope": "source.diff punctuation.definition.range",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[diff] Punctuation Definition Separator",
+      "scope": "source.diff punctuation.definition.separator",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[Elixir](JakeBecker.elixir-ls) module names",
+      "scope": "entity.name.type.module.elixir",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Elixir](JakeBecker.elixir-ls) module attributes",
+      "scope": "variable.other.readwrite.module.elixir",
+      "settings": {
+        "foreground": "#D8DEE9",
+        "fontStyle": "bold"
+      }
+    }, {
+      "name": "[Elixir](JakeBecker.elixir-ls) atoms",
+      "scope": "constant.other.symbol.elixir",
+      "settings": {
+        "foreground": "#D8DEE9",
+        "fontStyle": "bold"
+      }
+    }, {
+      "name": "[Elixir](JakeBecker.elixir-ls) modules",
+      "scope": "variable.other.constant.elixir",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Go] String Format Placeholder",
+      "scope": "source.go constant.other.placeholder.go",
+      "settings": {
+        "foreground": "#EBCB8B"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Comment Block Documentation HTML Entities",
+      "scope": "source.java comment.block.documentation.javadoc punctuation.definition.entity.html",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Constant Other",
+      "scope": "source.java constant.other",
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Keyword Other Documentation",
+      "scope": "source.java keyword.other.documentation",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Keyword Other Documentation Author",
+      "scope": "source.java keyword.other.documentation.author.javadoc",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Keyword Other Documentation Directive/Custom",
+      "scope": ["source.java keyword.other.documentation.directive", "source.java keyword.other.documentation.custom"],
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Keyword Other Documentation See",
+      "scope": "source.java keyword.other.documentation.see.javadoc",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java] Meta Method-Call",
+      "scope": "source.java meta.method-call meta.method",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Meta Tag Template Link",
+      "scope": ["source.java meta.tag.template.link.javadoc", "source.java string.other.link.title.javadoc"],
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Meta Tag Template Value",
+      "scope": "source.java meta.tag.template.value.javadoc",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Punctuation Definition Keyword",
+      "scope": "source.java punctuation.definition.keyword.javadoc",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java](JavaDoc) Punctuation Definition Tag",
+      "scope": ["source.java punctuation.definition.tag.begin.javadoc", "source.java punctuation.definition.tag.end.javadoc"],
+      "settings": {
+        "foreground": "#616E88"
+      }
+    }, {
+      "name": "[Java] Storage Modifier Import",
+      "scope": "source.java storage.modifier.import",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java] Storage Modifier Package",
+      "scope": "source.java storage.modifier.package",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java] Storage Type",
+      "scope": "source.java storage.type",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java] Storage Type Annotation",
+      "scope": "source.java storage.type.annotation",
+      "settings": {
+        "foreground": "#D08770"
+      }
+    }, {
+      "name": "[Java] Storage Type Generic",
+      "scope": "source.java storage.type.generic",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Java] Storage Type Primitive",
+      "scope": "source.java storage.type.primitive",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[JavaScript] Decorator",
+      "scope": ["source.js punctuation.decorator", "source.js meta.decorator variable.other.readwrite", "source.js meta.decorator entity.name.function"],
+      "settings": {
+        "foreground": "#D08770"
+      }
+    }, {
+      "name": "[JavaScript] Meta Object-Literal Key",
+      "scope": "source.js meta.object-literal.key",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[JavaScript](JSDoc) Storage Type Class",
+      "scope": "source.js storage.type.class.jsdoc",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[JavaScript] String Template Literals Punctuation",
+      "scope": ["source.js string.quoted.template punctuation.quasi.element.begin", "source.js string.quoted.template punctuation.quasi.element.end", "source.js string.template punctuation.definition.template-expression"],
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[JavaScript] Interpolated String Template Punctuation Functions",
+      "scope": "source.js string.quoted.template meta.method-call.with-arguments",
+      "settings": {
+        "foreground": "#ECEFF4"
+      }
+    }, {
+      "name": "[JavaScript] String Template Literal Variable",
+      "scope": ["source.js string.template meta.template.expression support.variable.property", "source.js string.template meta.template.expression variable.other.object"],
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "[JavaScript] Support Type Primitive",
+      "scope": "source.js support.type.primitive",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[JavaScript] Variable Other Object",
+      "scope": "source.js variable.other.object",
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "[JavaScript] Variable Other Read-Write Alias",
+      "scope": "source.js variable.other.readwrite.alias",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[JavaScript] Parentheses in Template Strings",
+      "scope": ["source.js meta.embedded.line meta.brace.square", "source.js meta.embedded.line meta.brace.round", "source.js string.quoted.template meta.brace.square", "source.js string.quoted.template meta.brace.round"],
+      "settings": {
+        "foreground": "#ECEFF4"
+      }
+    }, {
+      "name": "[HTML] Constant Character Entity",
+      "scope": "text.html.basic constant.character.entity.html",
+      "settings": {
+        "foreground": "#EBCB8B"
+      }
+    }, {
+      "name": "[HTML] Constant Other Inline-Data",
+      "scope": "text.html.basic constant.other.inline-data",
+      "settings": {
+        "foreground": "#D08770",
+        "fontStyle": "italic"
+      }
+    }, {
+      "name": "[HTML] Meta Tag SGML Doctype",
+      "scope": "text.html.basic meta.tag.sgml.doctype",
+      "settings": {
+        "foreground": "#5E81AC"
+      }
+    }, {
+      "name": "[HTML] Punctuation Definition Entity",
+      "scope": "text.html.basic punctuation.definition.entity",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[INI] Entity Name Section Group-Title",
+      "scope": "source.properties entity.name.section.group-title.ini",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[INI] Punctuation Separator Key-Value",
+      "scope": "source.properties punctuation.separator.key-value.ini",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[Markdown] Markup Fenced Code Block",
+      "scope": ["text.html.markdown markup.fenced_code.block", "text.html.markdown markup.fenced_code.block punctuation.definition"],
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Markdown] Markup Heading",
+      "scope": "markup.heading",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[Markdown] Markup Inline",
+      "scope": ["text.html.markdown markup.inline.raw", "text.html.markdown markup.inline.raw punctuation.definition.raw"],
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Markdown] Markup Italic",
+      "scope": "text.html.markdown markup.italic",
+      "settings": {
+        "fontStyle": "italic"
+      }
+    }, {
+      "name": "[Markdown] Markup Link",
+      "scope": "text.html.markdown markup.underline.link",
+      "settings": {
+        "fontStyle": "underline"
+      }
+    }, {
+      "name": "[Markdown] Markup List Numbered/Unnumbered",
+      "scope": "text.html.markdown beginning.punctuation.definition.list",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[Markdown] Markup Quote Punctuation Definition",
+      "scope": "text.html.markdown beginning.punctuation.definition.quote",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Markdown] Markup Quote Punctuation Definition",
+      "scope": "text.html.markdown markup.quote",
+      "settings": {
+        "foreground": "#616E88"
+      }
+    }, {
+      "name": "[Markdown] Markup Math Constant",
+      "scope": "text.html.markdown constant.character.math.tex",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[Markdown] Markup Math Definition Marker",
+      "scope": ["text.html.markdown punctuation.definition.math.begin", "text.html.markdown punctuation.definition.math.end"],
+      "settings": {
+        "foreground": "#5E81AC"
+      }
+    }, {
+      "name": "[Markdown] Markup Math Function Definition Marker",
+      "scope": "text.html.markdown punctuation.definition.function.math.tex",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[Markdown] Markup Math Operator",
+      "scope": "text.html.markdown punctuation.math.operator.latex",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[Markdown] Punctuation Definition Heading",
+      "scope": "text.html.markdown punctuation.definition.heading",
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[Markdown] Punctuation Definition Constant/String",
+      "scope": ["text.html.markdown punctuation.definition.constant", "text.html.markdown punctuation.definition.string"],
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[Markdown] String Other Link Description/Title",
+      "scope": ["text.html.markdown constant.other.reference.link", "text.html.markdown string.other.link.description", "text.html.markdown string.other.link.title"],
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[Perl] Perl Sigils",
+      "scope": "source.perl punctuation.definition.variable",
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "[PHP] Meta Function-Call Object",
+      "scope": ["source.php meta.function-call", "source.php meta.function-call.object"],
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[Python] Decorator",
+      "scope": ["source.python entity.name.function.decorator", "source.python meta.function.decorator support.type"],
+      "settings": {
+        "foreground": "#D08770"
+      }
+    }, {
+      "name": "[Python] Function Call",
+      "scope": "source.python meta.function-call.generic",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[Python] Support Type",
+      "scope": "source.python support.type",
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[Python] Function Parameter",
+      "scope": ["source.python variable.parameter.function.language"],
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "[Python] Function Parameter Special",
+      "scope": ["source.python meta.function.parameters variable.parameter.function.language.special.self"],
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[Rust] Entity types",
+      "scope": "source.rust entity.name.type",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[Rust] Macro",
+      "scope": "source.rust meta.macro entity.name.function",
+      "settings": {
+        "fontStyle": "bold",
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[Rust] Attributes",
+      "scope": ["source.rust meta.attribute", "source.rust meta.attribute punctuation", "source.rust meta.attribute keyword.operator"],
+      "settings": {
+        "foreground": "#5E81AC"
+      }
+    }, {
+      "name": "[Rust] Traits",
+      "scope": "source.rust entity.name.type.trait",
+      "settings": {
+        "fontStyle": "bold"
+      }
+    }, {
+      "name": "[Rust] Interpolation Bracket Curly",
+      "scope": "source.rust punctuation.definition.interpolation",
+      "settings": {
+        "foreground": "#EBCB8B"
+      }
+    }, {
+      "name": "[SCSS] Punctuation Definition Interpolation Bracket Curly",
+      "scope": ["source.css.scss punctuation.definition.interpolation.begin.bracket.curly", "source.css.scss punctuation.definition.interpolation.end.bracket.curly"],
+      "settings": {
+        "foreground": "#81A1C1"
+      }
+    }, {
+      "name": "[SCSS] Variable Interpolation",
+      "scope": "source.css.scss variable.interpolation",
+      "settings": {
+        "foreground": "#D8DEE9",
+        "fontStyle": "italic"
+      }
+    }, {
+      "name": "[TypeScript] Decorators",
+      "scope": ["source.ts punctuation.decorator", "source.ts meta.decorator variable.other.readwrite", "source.ts meta.decorator entity.name.function", "source.tsx punctuation.decorator", "source.tsx meta.decorator variable.other.readwrite", "source.tsx meta.decorator entity.name.function"],
+      "settings": {
+        "foreground": "#D08770"
+      }
+    }, {
+      "name": "[TypeScript] Object-literal keys",
+      "scope": ["source.ts meta.object-literal.key", "source.tsx meta.object-literal.key"],
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "[TypeScript] Object-literal functions",
+      "scope": ["source.ts meta.object-literal.key entity.name.function", "source.tsx meta.object-literal.key entity.name.function"],
+      "settings": {
+        "foreground": "#88C0D0"
+      }
+    }, {
+      "name": "[TypeScript] Type/Class",
+      "scope": ["source.ts support.class", "source.ts support.type", "source.ts entity.name.type", "source.ts entity.name.class", "source.tsx support.class", "source.tsx support.type", "source.tsx entity.name.type", "source.tsx entity.name.class"],
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[TypeScript] Static Class Support",
+      "scope": ["source.ts support.constant.math", "source.ts support.constant.dom", "source.ts support.constant.json", "source.tsx support.constant.math", "source.tsx support.constant.dom", "source.tsx support.constant.json"],
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[TypeScript] Variables",
+      "scope": ["source.ts support.variable", "source.tsx support.variable"],
+      "settings": {
+        "foreground": "#D8DEE9"
+      }
+    }, {
+      "name": "[TypeScript] Parentheses in Template Strings",
+      "scope": ["source.ts meta.embedded.line meta.brace.square", "source.ts meta.embedded.line meta.brace.round", "source.tsx meta.embedded.line meta.brace.square", "source.tsx meta.embedded.line meta.brace.round"],
+      "settings": {
+        "foreground": "#ECEFF4"
+      }
+    }, {
+      "name": "[XML] Entity Name Tag Namespace",
+      "scope": "text.xml entity.name.tag.namespace",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }, {
+      "name": "[XML] Keyword Other Doctype",
+      "scope": "text.xml keyword.other.doctype",
+      "settings": {
+        "foreground": "#5E81AC"
+      }
+    }, {
+      "name": "[XML] Meta Tag Preprocessor",
+      "scope": "text.xml meta.tag.preprocessor entity.name.tag",
+      "settings": {
+        "foreground": "#5E81AC"
+      }
+    }, {
+      "name": "[XML] Entity Name Tag Namespace",
+      "scope": ["text.xml string.unquoted.cdata", "text.xml string.unquoted.cdata punctuation.definition.string"],
+      "settings": {
+        "foreground": "#D08770",
+        "fontStyle": "italic"
+      }
+    }, {
+      "name": "[YAML] Entity Name Tag",
+      "scope": "source.yaml entity.name.tag",
+      "settings": {
+        "foreground": "#8FBCBB"
+      }
+    }]
+  },
+  "autoImport": true,
+  "showCopyButton": true,
+  "skipLanguages": [],
+  "filepath": "/Users/bytedance/github/targeral/modern-dev/website/module-tools/docs/zh/guide/basic/modify-output-product.md"
+};
+const frontmatter = {
+  "sidebar_position": 3
+};
+const toc = [{
+  "id": "默认输出产物",
+  "text": "默认输出产物",
+  "depth": 2
+}, {
+  "id": "构建预设",
+  "text": "构建预设",
+  "depth": 2
+}, {
+  "id": "构建预设的字符串形式",
+  "text": "构建预设的字符串形式",
+  "depth": 3
+}, {
+  "id": "构建预设的函数形式",
+  "text": "构建预设的函数形式",
+  "depth": 3
+}, {
+  "id": "构建配置对象",
+  "text": "构建配置（对象）",
+  "depth": 2
+}, {
+  "id": "什么时候使用-buildconfig",
+  "text": "什么时候使用 buildConfig",
+  "depth": 2
+}];
+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 moduleTools, { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  plugins: [moduleTools()],\\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` 对象进行了浅拷贝，并修改了浅拷贝后 `target` 的值，将它指定为 `es5`。\\n\\n> 关于 `preset.NPM_LIBRARY` 具体对应的值，可以通过 [BuildPreset API](/api/config/build-preset) 查看。在 `preset` 对象下不仅包含了 `NPM_LIBRARY`，还包含了其他类似的常量。\\n> 我们不仅可以使用 `preset.NPM_LIBRARY` 来获取 `\\\"npm-library\\\"` 对应的构建配置，也可以使用 `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) {
+  const _components = Object.assign({
+    h1: "h1",
+    a: "a",
+    h2: "h2",
+    p: "p",
+    code: "code",
+    strong: "strong",
+    ul: "ul",
+    li: "li",
+    ol: "ol",
+    h3: "h3",
+    blockquote: "blockquote",
+    em: "em"
+  }, props.components);
+  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: "修改输出产物",
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        className: "header-anchor",
+        "aria-hidden": "true",
+        href: "#修改输出产物",
+        children: "#"
+      }), "修改输出产物"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
+      id: "默认输出产物",
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        className: "header-anchor",
+        "aria-hidden": "true",
+        href: "#默认输出产物",
+        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: "modern build"
+      }), " 命令的时候，会根据 Module Tools 默认支持的配置生成相应的产物。默认支持的配置具体如下："]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
+      codeConfig: chCodeConfig,
+      northPanel: {
+        "tabs": [""],
+        "active": "",
+        "heightRatio": 1
+      },
+      files: [{
+        "name": "",
+        "focus": "",
+        "code": {
+          "lines": [{
+            "tokens": [{
+              "content": "import",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "moduleTools",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ",",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "defineConfig",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "}",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "from",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "@modern-js/module-tools",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }]
+          }, {
+            "tokens": []
+          }, {
+            "tokens": [{
+              "content": "export",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "default",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "defineConfig",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "(",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "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": "  ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "buildPreset",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ":",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "npm-library",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ",",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "}",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ")",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }]
+          }],
+          "lang": "typescript"
+        },
+        "annotations": []
+      }]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+        children: "默认生成产物具有以下特点"
+      }), "："]
+    }), "\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: "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.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"
+        }), " 处理。"]
+      }), "\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: "dist"
+        }), " 目录，类型文件输出的目录为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "dist/types"
+        }), "。"]
+      }), "\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, {
+      children: ["\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: "buildPreset"
+        }), " 是什么？"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
+        children: "产物的这些特点是由什么决定的？"
+      }), "\n"]
+    }), "\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: "buildPreset"
+      }), "。"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
+      id: "构建预设",
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        className: "header-anchor",
+        "aria-hidden": "true",
+        href: "#构建预设",
+        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: "buildPreset"
+      }), " 代表着提前准备好的一组或者多组构建相关的配置，只需要使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        children: "buildPreset"
+      }), " 对应的预设值，就可以省去麻烦且复杂的配置工作，得到符合预期的产物。"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
+      id: "构建预设的字符串形式",
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        className: "header-anchor",
+        "aria-hidden": "true",
+        href: "#构建预设的字符串形式",
+        children: "#"
+      }), "构建预设的字符串形式"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+        children: "构建预设的值可以是字符串形式"
+      }), "，因此这样形式的构建预设叫做预设字符串。"]
+    }), "\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: "/module-tools/api/config/build-preset.html",
+        children: "BuildPreset API"
+      }), " 查看。这里讲解一下关于", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+        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: "\"npm-library\""
+      }), " 可以用于在开发库类型的 npm 包的场景下使用，它适合大多数普通的模块类型项目。当设置 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        children: "\"npm-library\""
+      }), " 的时候，项目的输出产物会有以下特点："]
+    }), "\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.code, {
+          children: "dist/lib"
+        }), " 目录下会得到代码格式为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "cjs"
+        }), "、语法支持到 ", (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.code, {
+          children: "dist/es"
+        }), " 目录下会得到代码格式为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "esm"
+        }), "、语法支持为 ", (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.code, {
+          children: "dist/types"
+        }), " 目录下会得到类型文件。如果不是 TypeScript 项目，则没有该目录。"]
+      }), "\n"]
+    }), "\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\""
+      }), " 对应的变体则是在原本产物的基础上修改了", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+        children: "代码语法支持"
+      }), "这一特点，同时在字符串命名上也变为了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        children: "\"npm-library-[es5 | es2016...es2020 | esnext]\""
+      }), " 这样的形式。"]
+    }), "\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\""
+      }), " 对应的输出产物基础上，让产物代码支持的语法变为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        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-es5\""
+      }), " 就可以了。"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
+      id: "构建预设的函数形式",
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        className: "header-anchor",
+        "aria-hidden": "true",
+        href: "#构建预设的函数形式",
+        children: "#"
+      }), "构建预设的函数形式"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+        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: "\"npm-library-es5\""
+      }), " 同样的效果，可以按照如下的方式："]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
+      codeConfig: chCodeConfig,
+      northPanel: {
+        "tabs": [""],
+        "active": "",
+        "heightRatio": 1
+      },
+      files: [{
+        "name": "",
+        "focus": "",
+        "code": {
+          "lines": [{
+            "tokens": [{
+              "content": "import",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "moduleTools",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ",",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "defineConfig",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "}",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "from",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "@modern-js/module-tools",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }]
+          }, {
+            "tokens": []
+          }, {
+            "tokens": [{
+              "content": "export",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "default",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "defineConfig",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "(",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "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": "  ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "buildPreset",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "({",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "preset",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "})",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "    ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "return",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "preset",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ".",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "NPM_LIBRARY",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ".",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "map",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "(",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "config",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "=>",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "      ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "return",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "...",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": "config",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ",",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "target",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ":",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "es5",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "}",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "    ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "}",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ")",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "  ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "},",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "}",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ")",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }]
+          }],
+          "lang": "typescript"
+        },
+        "annotations": []
+      }]
+    }), "\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.code, {
+        children: "\"npm-library\""
+      }), " 是相对应的，它代表着 ", (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: "map"
+      }), " 方法遍历了 ", (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: "buildConfig"
+      }), " 对象。我们将原本的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        children: "buildConfig"
+      }), " 对象进行了浅拷贝，并修改了浅拷贝后 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        children: "target"
+      }), " 的值，将它指定为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        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: "/module-tools/api/config/build-preset.html",
+          children: "BuildPreset API"
+        }), " 查看。在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "preset"
+        }), " 对象下不仅包含了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "NPM_LIBRARY"
+        }), "，还包含了其他类似的常量。\n我们不仅可以使用 ", (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.code, {
+          children: "\"npm-library\""
+        }), " 对应的构建配置，也可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "preset['npm-library']"
+        }), " 这样的方式。"]
+      }), "\n"]
+    }), "\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"
+      }), " 对象是什么呢？之前提到的构建产物特点又是根据什么呢？"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: "接下来我们解释一下。"
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
+      id: "构建配置对象",
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        className: "header-anchor",
+        "aria-hidden": "true",
+        href: "#构建配置对象",
+        children: "#"
+      }), "构建配置（对象）"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.strong, {
+        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, {
+        children: "构建产物的特点"
+      }), "”，其实都是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        children: "buildConfig"
+      }), " 所支持的属性。目前所支持的属性覆盖了大部分模块类型项目在构建产物时的需求，", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        children: "buildConfig"
+      }), " 不仅包含一些产物所具备的属性，也包含了构建产物所需要的一些特性功能。接下来从分类的角度简单罗列一下："]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+        children: "构建产物的基本属性包括："
+      })
+    }), "\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: "/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: "/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: "/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: "/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: "/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: "/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: "/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: "/module-tools/api/config/build-config.html#sourcedir",
+          children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+            children: "buildConfig.sourceDir"
+          })
+        }), "。"]
+      }), "\n"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+        children: "构建产物所需的常用功能包括："
+      })
+    }), "\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: "/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: "/module-tools/api/config/build-config.html#asset",
+          children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+            children: "buildConfig.asset"
+          })
+        }), "。"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        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: "/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: "/module-tools/api/config/build-config.html#externals",
+              children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+                children: "buildConfig.externals"
+              })
+            }), "。"]
+          }), "\n"]
+        }), "\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: "/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: "/module-tools/api/config/build-config.html#define",
+          children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+            children: "buildConfig.define"
+          })
+        }), "。"]
+      }), "\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: "/module-tools/api/config/build-config.html#jsx",
+          children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+            children: "buildConfig.jsx"
+          })
+        }), "。"]
+      }), "\n"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
+        children: "一些高级属性或者使用频率不高的功能："
+      })
+    }), "\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: "/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: "/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: "/module-tools/api/config/build-config.html#platform",
+          children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+            children: "buildConfig.platform"
+          })
+        }), "。"]
+      }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
+        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: "/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: "/module-tools/api/config/build-config.html#umdmodulename",
+              children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+                children: "buildConfig.umdModuleName"
+              })
+            }), "。"]
+          }), "\n"]
+        }), "\n"]
+      }), "\n"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      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: "/module-tools/guide/advance/in-depth-about-build.html#bundle-%E5%92%8C-bundleless-1",
+          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, {
+            children: "bundleless"
+          }), "?"]
+        })
+      }), "\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: "/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, {
+            children: "sourceDir"
+          }), " 的关系"]
+        }), "。"]
+      }), "\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: "/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: "/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: "/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: "/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: "/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: "/module-tools/guide/advance/asset.html",
+          children: "静态资源目前所支持的能力。"
+        })
+      }), "\n"]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
+      id: "什么时候使用-buildconfig",
+      children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
+        className: "header-anchor",
+        "aria-hidden": "true",
+        href: "#什么时候使用-buildconfig",
+        children: "#"
+      }), "什么时候使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        children: "buildConfig"
+      })]
+    }), "\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__.jsxs)(_components.strong, {
+        children: ["当与 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "buildPreset"
+        }), " 配置同时存在的时候，只有 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "buildConfig"
+        }), " 才会生效"]
+      }), "。因此如果按照如下方式配置："]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
+      codeConfig: chCodeConfig,
+      northPanel: {
+        "tabs": [""],
+        "active": "",
+        "heightRatio": 1
+      },
+      files: [{
+        "name": "",
+        "focus": "",
+        "code": {
+          "lines": [{
+            "tokens": [{
+              "content": "import",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "defineConfig",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "}",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "from",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "@modern-js/module-tools",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }]
+          }, {
+            "tokens": []
+          }, {
+            "tokens": [{
+              "content": "export",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "default",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "defineConfig",
+              "props": {
+                "style": {
+                  "color": "#88C0D0"
+                }
+              }
+            }, {
+              "content": "(",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "  ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "buildConfig",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ":",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "{",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "    ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "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": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "  ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "},",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "  ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "buildPreset",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9"
+                }
+              }
+            }, {
+              "content": ":",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "npm-library",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ",",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }]
+          }, {
+            "tokens": [{
+              "content": "}",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": ")",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": ";",
+              "props": {
+                "style": {
+                  "color": "#81A1C1"
+                }
+              }
+            }]
+          }],
+          "lang": "typescript"
+        },
+        "annotations": []
+      }]
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
+      children: "那么此时就会看到如下提示："
+    }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
+      codeConfig: chCodeConfig,
+      northPanel: {
+        "tabs": [""],
+        "active": "",
+        "heightRatio": 1
+      },
+      files: [{
+        "name": "",
+        "focus": "",
+        "code": {
+          "lines": [{
+            "tokens": [{
+              "content": "因为同时出现 ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "buildConfig",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " 和 ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "buildPreset",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " 配置，因此仅 ",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": "buildConfig",
+              "props": {
+                "style": {
+                  "color": "#A3BE8C"
+                }
+              }
+            }, {
+              "content": "'",
+              "props": {
+                "style": {
+                  "color": "#ECEFF4"
+                }
+              }
+            }, {
+              "content": " 配置生效",
+              "props": {
+                "style": {
+                  "color": "#D8DEE9FF"
+                }
+              }
+            }]
+          }],
+          "lang": "bash"
+        },
+        "annotations": []
+      }]
+    }), "\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: "buildPreset"
+      }), " 代表的一组或者多组构建相关的配置都是由 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+        children: "buildConfig"
+      }), " 组成，", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.strong, {
+        children: ["当使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "buildPreset"
+        }), " 无法满足当前项目需求的时候，就可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
+          children: "buildConfig"
+        }), " 来自定义输出产物"]
+      }), "。"]
+    }), "\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.strong, {
+        children: "获得怎样的构建产物"
+      }), "的思考过程。"]
+    })]
+  });
+}
+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);
+}
+/* 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/github/targeral/modern-dev/website/module-tools/docs/zh/guide/basic/modify-output-product.md`" : ""));
+}
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=zh_guide_basic_modify-output-product.js.map