@modern-js/module-tools-docs 2.0.1 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (192) hide show
  1. package/doc_build/html/main/index.html +16 -0
  2. package/doc_build/route.json +10 -0
  3. package/doc_build/static/css/main.css +3370 -0
  4. package/doc_build/static/css/main.css.map +1 -0
  5. package/doc_build/static/css/vendors-node_modules_pnpm_remix-run_router_1_2_0_node_modules_remix-run_router_dist_router_js-9d5e9c.css +85 -0
  6. package/doc_build/static/css/vendors-node_modules_pnpm_remix-run_router_1_2_0_node_modules_remix-run_router_dist_router_js-9d5e9c.css.map +1 -0
  7. package/doc_build/static/js/async/api_.js +56 -0
  8. package/doc_build/static/js/async/api_.js.map +1 -0
  9. package/doc_build/static/js/async/api_config_build-config.js +11309 -0
  10. package/doc_build/static/js/async/api_config_build-config.js.map +1 -0
  11. package/doc_build/static/js/async/api_config_build-preset.js +7849 -0
  12. package/doc_build/static/js/async/api_config_build-preset.js.map +1 -0
  13. package/doc_build/static/js/async/api_config_design-system.js +48708 -0
  14. package/doc_build/static/js/async/api_config_design-system.js.map +1 -0
  15. package/doc_build/static/js/async/api_config_plugins.js +1492 -0
  16. package/doc_build/static/js/async/api_config_plugins.js.map +1 -0
  17. package/doc_build/static/js/async/api_config_testing.js +2130 -0
  18. package/doc_build/static/js/async/api_config_testing.js.map +1 -0
  19. package/doc_build/static/js/async/api_plugin-api_plugin-hooks.js +14394 -0
  20. package/doc_build/static/js/async/api_plugin-api_plugin-hooks.js.map +1 -0
  21. package/doc_build/static/js/async/en_.js +85 -0
  22. package/doc_build/static/js/async/en_.js.map +1 -0
  23. package/doc_build/static/js/async/en_api_.js +55 -0
  24. package/doc_build/static/js/async/en_api_.js.map +1 -0
  25. package/doc_build/static/js/async/en_api_config_build-config.js +8363 -0
  26. package/doc_build/static/js/async/en_api_config_build-config.js.map +1 -0
  27. package/doc_build/static/js/async/en_api_config_build-preset.js +7845 -0
  28. package/doc_build/static/js/async/en_api_config_build-preset.js.map +1 -0
  29. package/doc_build/static/js/async/en_api_config_design-system.js +16345 -0
  30. package/doc_build/static/js/async/en_api_config_design-system.js.map +1 -0
  31. package/doc_build/static/js/async/en_api_config_plugins.js +1492 -0
  32. package/doc_build/static/js/async/en_api_config_plugins.js.map +1 -0
  33. package/doc_build/static/js/async/en_api_config_testing.js +2137 -0
  34. package/doc_build/static/js/async/en_api_config_testing.js.map +1 -0
  35. package/doc_build/static/js/async/en_api_plugin-api_plugin-hooks.js +14362 -0
  36. package/doc_build/static/js/async/en_api_plugin-api_plugin-hooks.js.map +1 -0
  37. package/doc_build/static/js/async/en_guide_advance_asset.js +3997 -0
  38. package/doc_build/static/js/async/en_guide_advance_asset.js.map +1 -0
  39. package/doc_build/static/js/async/en_guide_advance_build-umd.js +9861 -0
  40. package/doc_build/static/js/async/en_guide_advance_build-umd.js.map +1 -0
  41. package/doc_build/static/js/async/en_guide_advance_copy.js +6539 -0
  42. package/doc_build/static/js/async/en_guide_advance_copy.js.map +1 -0
  43. package/doc_build/static/js/async/en_guide_advance_external-dependency.js +3810 -0
  44. package/doc_build/static/js/async/en_guide_advance_external-dependency.js.map +1 -0
  45. package/doc_build/static/js/async/en_guide_advance_in-depth-about-build.js +5046 -0
  46. package/doc_build/static/js/async/en_guide_advance_in-depth-about-build.js.map +1 -0
  47. package/doc_build/static/js/async/en_guide_advance_in-depth-about-dev-command.js +150 -0
  48. package/doc_build/static/js/async/en_guide_advance_in-depth-about-dev-command.js.map +1 -0
  49. package/doc_build/static/js/async/en_guide_advance_theme-config.js +2484 -0
  50. package/doc_build/static/js/async/en_guide_advance_theme-config.js.map +1 -0
  51. package/doc_build/static/js/async/en_guide_basic_before-getting-started.js +3671 -0
  52. package/doc_build/static/js/async/en_guide_basic_before-getting-started.js.map +1 -0
  53. package/doc_build/static/js/async/en_guide_basic_command-preview.js +3961 -0
  54. package/doc_build/static/js/async/en_guide_basic_command-preview.js.map +1 -0
  55. package/doc_build/static/js/async/en_guide_basic_modify-output-product.js +2970 -0
  56. package/doc_build/static/js/async/en_guide_basic_modify-output-product.js.map +1 -0
  57. package/doc_build/static/js/async/en_guide_basic_publish-your-project.js +2182 -0
  58. package/doc_build/static/js/async/en_guide_basic_publish-your-project.js.map +1 -0
  59. package/doc_build/static/js/async/en_guide_basic_test-your-project.js +3892 -0
  60. package/doc_build/static/js/async/en_guide_basic_test-your-project.js.map +1 -0
  61. package/doc_build/static/js/async/en_guide_basic_use-micro-generator.js +168 -0
  62. package/doc_build/static/js/async/en_guide_basic_use-micro-generator.js.map +1 -0
  63. package/doc_build/static/js/async/en_guide_basic_using-storybook.js +4762 -0
  64. package/doc_build/static/js/async/en_guide_basic_using-storybook.js.map +1 -0
  65. package/doc_build/static/js/async/en_guide_best-practices_components.js +21388 -0
  66. package/doc_build/static/js/async/en_guide_best-practices_components.js.map +1 -0
  67. package/doc_build/static/js/async/en_guide_intro_getting-started.js +1906 -0
  68. package/doc_build/static/js/async/en_guide_intro_getting-started.js.map +1 -0
  69. package/doc_build/static/js/async/en_guide_intro_welcome.js +148 -0
  70. package/doc_build/static/js/async/en_guide_intro_welcome.js.map +1 -0
  71. package/doc_build/static/js/async/en_guide_intro_why-module-engineering-solution.js +92 -0
  72. package/doc_build/static/js/async/en_guide_intro_why-module-engineering-solution.js.map +1 -0
  73. package/doc_build/static/js/async/en_plugins_guide_getting-started.js +2560 -0
  74. package/doc_build/static/js/async/en_plugins_guide_getting-started.js.map +1 -0
  75. package/doc_build/static/js/async/en_plugins_guide_plugin-object.js +4177 -0
  76. package/doc_build/static/js/async/en_plugins_guide_plugin-object.js.map +1 -0
  77. package/doc_build/static/js/async/en_plugins_guide_setup-function.js +3819 -0
  78. package/doc_build/static/js/async/en_plugins_guide_setup-function.js.map +1 -0
  79. package/doc_build/static/js/async/en_plugins_official-list_overview.js +70 -0
  80. package/doc_build/static/js/async/en_plugins_official-list_overview.js.map +1 -0
  81. package/doc_build/static/js/async/guide_advance_asset.js +3997 -0
  82. package/doc_build/static/js/async/guide_advance_asset.js.map +1 -0
  83. package/doc_build/static/js/async/guide_advance_build-umd.js +9863 -0
  84. package/doc_build/static/js/async/guide_advance_build-umd.js.map +1 -0
  85. package/doc_build/static/js/async/guide_advance_copy.js +6539 -0
  86. package/doc_build/static/js/async/guide_advance_copy.js.map +1 -0
  87. package/doc_build/static/js/async/guide_advance_external-dependency.js +3812 -0
  88. package/doc_build/static/js/async/guide_advance_external-dependency.js.map +1 -0
  89. package/doc_build/static/js/async/guide_advance_in-depth-about-build.js +5046 -0
  90. package/doc_build/static/js/async/guide_advance_in-depth-about-build.js.map +1 -0
  91. package/doc_build/static/js/async/guide_advance_in-depth-about-dev-command.js +152 -0
  92. package/doc_build/static/js/async/guide_advance_in-depth-about-dev-command.js.map +1 -0
  93. package/doc_build/static/js/async/guide_advance_theme-config.js +2475 -0
  94. package/doc_build/static/js/async/guide_advance_theme-config.js.map +1 -0
  95. package/doc_build/static/js/async/guide_basic_before-getting-started.js +3662 -0
  96. package/doc_build/static/js/async/guide_basic_before-getting-started.js.map +1 -0
  97. package/doc_build/static/js/async/guide_basic_command-preview.js +3793 -0
  98. package/doc_build/static/js/async/guide_basic_command-preview.js.map +1 -0
  99. package/doc_build/static/js/async/guide_basic_modify-output-product.js +2949 -0
  100. package/doc_build/static/js/async/guide_basic_modify-output-product.js.map +1 -0
  101. package/doc_build/static/js/async/guide_basic_publish-your-project.js +2243 -0
  102. package/doc_build/static/js/async/guide_basic_publish-your-project.js.map +1 -0
  103. package/doc_build/static/js/async/guide_basic_test-your-project.js +3892 -0
  104. package/doc_build/static/js/async/guide_basic_test-your-project.js.map +1 -0
  105. package/doc_build/static/js/async/guide_basic_use-micro-generator.js +172 -0
  106. package/doc_build/static/js/async/guide_basic_use-micro-generator.js.map +1 -0
  107. package/doc_build/static/js/async/guide_basic_using-storybook.js +4762 -0
  108. package/doc_build/static/js/async/guide_basic_using-storybook.js.map +1 -0
  109. package/doc_build/static/js/async/guide_best-practices_components.js +21088 -0
  110. package/doc_build/static/js/async/guide_best-practices_components.js.map +1 -0
  111. package/doc_build/static/js/async/guide_intro_getting-started.js +1782 -0
  112. package/doc_build/static/js/async/guide_intro_getting-started.js.map +1 -0
  113. package/doc_build/static/js/async/guide_intro_welcome.js +148 -0
  114. package/doc_build/static/js/async/guide_intro_welcome.js.map +1 -0
  115. package/doc_build/static/js/async/guide_intro_why-module-engineering-solution.js +92 -0
  116. package/doc_build/static/js/async/guide_intro_why-module-engineering-solution.js.map +1 -0
  117. package/doc_build/static/js/async/index.js +85 -0
  118. package/doc_build/static/js/async/index.js.map +1 -0
  119. package/doc_build/static/js/async/packages_cli_doc-core_src_theme-default_components_Search_logic_search_ts.js +447 -0
  120. package/doc_build/static/js/async/packages_cli_doc-core_src_theme-default_components_Search_logic_search_ts.js.map +1 -0
  121. package/doc_build/static/js/async/plugins_guide_getting-started.js +2608 -0
  122. package/doc_build/static/js/async/plugins_guide_getting-started.js.map +1 -0
  123. package/doc_build/static/js/async/plugins_guide_plugin-object.js +4173 -0
  124. package/doc_build/static/js/async/plugins_guide_plugin-object.js.map +1 -0
  125. package/doc_build/static/js/async/plugins_guide_setup-function.js +3819 -0
  126. package/doc_build/static/js/async/plugins_guide_setup-function.js.map +1 -0
  127. package/doc_build/static/js/async/plugins_official-list_overview.js +70 -0
  128. package/doc_build/static/js/async/plugins_official-list_overview.js.map +1 -0
  129. package/doc_build/static/js/async/vendors-node_modules_pnpm_code-hike_mdx_0_7_4_react_18_2_0_node_modules_code-hike_mdx_dist_co-06dd41.js +6656 -0
  130. package/doc_build/static/js/async/vendors-node_modules_pnpm_code-hike_mdx_0_7_4_react_18_2_0_node_modules_code-hike_mdx_dist_co-06dd41.js.map +1 -0
  131. package/doc_build/static/js/async/vendors-node_modules_pnpm_flexsearch_0_6_32_node_modules_flexsearch_dist_flexsearch_min_js.js +54 -0
  132. package/doc_build/static/js/async/vendors-node_modules_pnpm_flexsearch_0_6_32_node_modules_flexsearch_dist_flexsearch_min_js.js.map +1 -0
  133. package/doc_build/static/js/builder-runtime.js +1375 -0
  134. package/doc_build/static/js/builder-runtime.js.map +1 -0
  135. package/doc_build/static/js/lib-lodash.js +4907 -0
  136. package/doc_build/static/js/lib-lodash.js.map +1 -0
  137. package/doc_build/static/js/lib-polyfill.js +24769 -0
  138. package/doc_build/static/js/lib-polyfill.js.map +1 -0
  139. package/doc_build/static/js/lib-react.js +39510 -0
  140. package/doc_build/static/js/lib-react.js.map +1 -0
  141. package/doc_build/static/js/main.js +9237 -0
  142. package/doc_build/static/js/main.js.map +1 -0
  143. package/doc_build/static/js/vendors-node_modules_pnpm_remix-run_router_1_2_0_node_modules_remix-run_router_dist_router_js-9d5e9c.js +8532 -0
  144. package/doc_build/static/js/vendors-node_modules_pnpm_remix-run_router_1_2_0_node_modules_remix-run_router_dist_router_js-9d5e9c.js.map +1 -0
  145. package/docs/en/api/config/build-config.md +5 -5
  146. package/docs/en/api/plugin-api/plugin-hooks.md +1 -1
  147. package/docs/en/guide/advance/asset.mdx +1 -1
  148. package/docs/en/guide/advance/build-umd.mdx +3 -3
  149. package/docs/en/guide/advance/copy.md +5 -5
  150. package/docs/en/guide/advance/external-dependency.mdx +2 -2
  151. package/docs/en/guide/advance/in-depth-about-build.md +7 -7
  152. package/docs/en/guide/advance/in-depth-about-dev-command.md +1 -1
  153. package/docs/en/guide/advance/theme-config.mdx +2 -2
  154. package/docs/en/guide/basic/before-getting-started.md +1 -1
  155. package/docs/en/guide/basic/command-preview.md +2 -2
  156. package/docs/en/guide/basic/modify-output-product.md +23 -22
  157. package/docs/en/guide/basic/publish-your-project.md +4 -4
  158. package/docs/en/guide/basic/test-your-project.mdx +5 -3
  159. package/docs/en/guide/basic/use-micro-generator.md +9 -5
  160. package/docs/en/guide/basic/using-storybook.mdx +6 -4
  161. package/docs/en/guide/best-practices/components.mdx +103 -97
  162. package/docs/en/guide/intro/getting-started.md +2 -2
  163. package/docs/en/index.md +14 -17
  164. package/docs/en/plugins/guide/getting-started.mdx +2 -2
  165. package/docs/en/plugins/guide/setup-function.mdx +2 -2
  166. package/docs/zh/api/config/_category_.json +1 -1
  167. package/docs/zh/api/config/build-config.md +16 -5
  168. package/docs/zh/api/config/plugins.md +1 -1
  169. package/docs/zh/api/index.md +1 -0
  170. package/docs/zh/api/plugin-api/_category_.json +1 -1
  171. package/docs/zh/api/plugin-api/plugin-hooks.md +56 -55
  172. package/docs/zh/guide/advance/asset.mdx +1 -1
  173. package/docs/zh/guide/advance/build-umd.mdx +3 -3
  174. package/docs/zh/guide/advance/copy.md +5 -5
  175. package/docs/zh/guide/advance/external-dependency.mdx +3 -3
  176. package/docs/zh/guide/advance/in-depth-about-build.md +7 -7
  177. package/docs/zh/guide/advance/in-depth-about-dev-command.md +1 -1
  178. package/docs/zh/guide/advance/theme-config.mdx +2 -2
  179. package/docs/zh/guide/basic/before-getting-started.md +1 -1
  180. package/docs/zh/guide/basic/command-preview.md +2 -2
  181. package/docs/zh/guide/basic/modify-output-product.md +30 -30
  182. package/docs/zh/guide/basic/publish-your-project.md +4 -4
  183. package/docs/zh/guide/basic/test-your-project.mdx +5 -3
  184. package/docs/zh/guide/basic/use-micro-generator.md +5 -5
  185. package/docs/zh/guide/basic/using-storybook.mdx +6 -4
  186. package/docs/zh/guide/best-practices/components.mdx +10 -10
  187. package/docs/zh/guide/intro/getting-started.md +2 -2
  188. package/docs/zh/index.md +1 -1
  189. package/docs/zh/plugins/guide/getting-started.mdx +3 -3
  190. package/docs/zh/plugins/guide/setup-function.mdx +2 -2
  191. package/modern.config.ts +4 -3
  192. package/package.json +3 -3
@@ -0,0 +1,2949 @@
1
+ "use strict";
2
+ (self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["guide_basic_modify-output-product"],{
3
+
4
+ /***/ "./docs/zh/guide/basic/modify-output-product.md":
5
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6
+
7
+ __webpack_require__.r(__webpack_exports__);
8
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9
+ /* harmony export */ "CH": function() { return /* binding */ CH; },
10
+ /* harmony export */ "chCodeConfig": function() { return /* binding */ chCodeConfig; },
11
+ /* harmony export */ "content": function() { return /* binding */ content; },
12
+ /* harmony export */ "frontmatter": function() { return /* binding */ frontmatter; },
13
+ /* harmony export */ "title": function() { return /* binding */ title; },
14
+ /* harmony export */ "toc": function() { return /* binding */ toc; }
15
+ /* harmony export */ });
16
+ /* 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");
17
+ /* 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");
18
+ /*@jsxRuntime automatic @jsxImportSource react*/
19
+
20
+
21
+ var CH = {
22
+ annotations: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.annotations,
23
+ Code: _code_hike_mdx_dist_components_cjs_js__WEBPACK_IMPORTED_MODULE_1__.Code
24
+ };
25
+ var chCodeConfig = {
26
+ "staticMediaQuery": "not screen, (max-width: 768px)",
27
+ "theme": {
28
+ "name": "nord",
29
+ "type": "dark",
30
+ "semanticHighlighting": true,
31
+ "colors": {
32
+ "focusBorder": "#3b4252",
33
+ "foreground": "#d8dee9",
34
+ "activityBar.background": "#2e3440",
35
+ "activityBar.dropBackground": "#3b4252",
36
+ "activityBar.foreground": "#d8dee9",
37
+ "activityBar.activeBorder": "#88c0d0",
38
+ "activityBar.activeBackground": "#3b4252",
39
+ "activityBarBadge.background": "#88c0d0",
40
+ "activityBarBadge.foreground": "#2e3440",
41
+ "badge.foreground": "#2e3440",
42
+ "badge.background": "#88c0d0",
43
+ "button.background": "#88c0d0ee",
44
+ "button.foreground": "#2e3440",
45
+ "button.hoverBackground": "#88c0d0",
46
+ "button.secondaryBackground": "#434c5e",
47
+ "button.secondaryForeground": "#d8dee9",
48
+ "button.secondaryHoverBackground": "#4c566a",
49
+ "charts.red": "#bf616a",
50
+ "charts.blue": "#81a1c1",
51
+ "charts.yellow": "#ebcb8b",
52
+ "charts.orange": "#d08770",
53
+ "charts.green": "#a3be8c",
54
+ "charts.purple": "#b48ead",
55
+ "charts.foreground": "#d8dee9",
56
+ "charts.lines": "#88c0d0",
57
+ "debugConsole.infoForeground": "#88c0d0",
58
+ "debugConsole.warningForeground": "#ebcb8b",
59
+ "debugConsole.errorForeground": "#bf616a",
60
+ "debugConsole.sourceForeground": "#616e88",
61
+ "debugConsoleInputIcon.foreground": "#81a1c1",
62
+ "debugExceptionWidget.background": "#4c566a",
63
+ "debugExceptionWidget.border": "#2e3440",
64
+ "debugToolBar.background": "#3b4252",
65
+ "descriptionForeground": "#d8dee9e6",
66
+ "diffEditor.insertedTextBackground": "#81a1c133",
67
+ "diffEditor.removedTextBackground": "#bf616a4d",
68
+ "dropdown.background": "#3b4252",
69
+ "dropdown.border": "#3b4252",
70
+ "dropdown.foreground": "#d8dee9",
71
+ "editorActiveLineNumber.foreground": "#d8dee9cc",
72
+ "editorCursor.foreground": "#d8dee9",
73
+ "editorHint.border": "#ebcb8b00",
74
+ "editorHint.foreground": "#ebcb8b",
75
+ "editorIndentGuide.background": "#434c5eb3",
76
+ "editorIndentGuide.activeBackground": "#4c566a",
77
+ "editorInlayHint.background": "#434c5e",
78
+ "editorInlayHint.foreground": "#d8dee9",
79
+ "editorLineNumber.foreground": "#4c566a",
80
+ "editorLineNumber.activeForeground": "#d8dee9",
81
+ "editorWhitespace.foreground": "#4c566ab3",
82
+ "editorWidget.background": "#2e3440",
83
+ "editorWidget.border": "#3b4252",
84
+ "editor.background": "#2e3440",
85
+ "editor.foreground": "#d8dee9",
86
+ "editor.hoverHighlightBackground": "#3b4252",
87
+ "editor.findMatchBackground": "#88c0d066",
88
+ "editor.findMatchHighlightBackground": "#88c0d033",
89
+ "editor.findRangeHighlightBackground": "#88c0d033",
90
+ "editor.lineHighlightBackground": "#3b4252",
91
+ "editor.lineHighlightBorder": "#3b4252",
92
+ "editor.inactiveSelectionBackground": "#434c5ecc",
93
+ "editor.inlineValuesBackground": "#4c566a",
94
+ "editor.inlineValuesForeground": "#eceff4",
95
+ "editor.selectionBackground": "#434c5ecc",
96
+ "editor.selectionHighlightBackground": "#434c5ecc",
97
+ "editor.rangeHighlightBackground": "#434c5e52",
98
+ "editor.wordHighlightBackground": "#81a1c166",
99
+ "editor.wordHighlightStrongBackground": "#81a1c199",
100
+ "editor.stackFrameHighlightBackground": "#5e81ac",
101
+ "editor.focusedStackFrameHighlightBackground": "#5e81ac",
102
+ "editorError.foreground": "#bf616a",
103
+ "editorError.border": "#bf616a00",
104
+ "editorWarning.foreground": "#ebcb8b",
105
+ "editorWarning.border": "#ebcb8b00",
106
+ "editorBracketMatch.background": "#2e344000",
107
+ "editorBracketMatch.border": "#88c0d0",
108
+ "editorBracketHighlight.foreground1": "#8fbcbb",
109
+ "editorBracketHighlight.foreground2": "#88c0d0",
110
+ "editorBracketHighlight.foreground3": "#81a1c1",
111
+ "editorBracketHighlight.foreground4": "#5e81ac",
112
+ "editorBracketHighlight.foreground5": "#8fbcbb",
113
+ "editorBracketHighlight.foreground6": "#88c0d0",
114
+ "editorBracketHighlight.unexpectedBracket.foreground": "#bf616a",
115
+ "editorCodeLens.foreground": "#4c566a",
116
+ "editorGroup.background": "#2e3440",
117
+ "editorGroup.border": "#3b425201",
118
+ "editorGroup.dropBackground": "#3b425299",
119
+ "editorGroupHeader.border": "#3b425200",
120
+ "editorGroupHeader.noTabsBackground": "#2e3440",
121
+ "editorGroupHeader.tabsBackground": "#2e3440",
122
+ "editorGroupHeader.tabsBorder": "#3b425200",
123
+ "editorGutter.background": "#2e3440",
124
+ "editorGutter.modifiedBackground": "#ebcb8b",
125
+ "editorGutter.addedBackground": "#a3be8c",
126
+ "editorGutter.deletedBackground": "#bf616a",
127
+ "editorHoverWidget.background": "#3b4252",
128
+ "editorHoverWidget.border": "#3b4252",
129
+ "editorLink.activeForeground": "#88c0d0",
130
+ "editorMarkerNavigation.background": "#5e81acc0",
131
+ "editorMarkerNavigationError.background": "#bf616ac0",
132
+ "editorMarkerNavigationWarning.background": "#ebcb8bc0",
133
+ "editorOverviewRuler.border": "#3b4252",
134
+ "editorOverviewRuler.currentContentForeground": "#3b4252",
135
+ "editorOverviewRuler.incomingContentForeground": "#3b4252",
136
+ "editorOverviewRuler.findMatchForeground": "#88c0d066",
137
+ "editorOverviewRuler.rangeHighlightForeground": "#88c0d066",
138
+ "editorOverviewRuler.selectionHighlightForeground": "#88c0d066",
139
+ "editorOverviewRuler.wordHighlightForeground": "#88c0d066",
140
+ "editorOverviewRuler.wordHighlightStrongForeground": "#88c0d066",
141
+ "editorOverviewRuler.modifiedForeground": "#ebcb8b",
142
+ "editorOverviewRuler.addedForeground": "#a3be8c",
143
+ "editorOverviewRuler.deletedForeground": "#bf616a",
144
+ "editorOverviewRuler.errorForeground": "#bf616a",
145
+ "editorOverviewRuler.warningForeground": "#ebcb8b",
146
+ "editorOverviewRuler.infoForeground": "#81a1c1",
147
+ "editorRuler.foreground": "#434c5e",
148
+ "editorSuggestWidget.background": "#2e3440",
149
+ "editorSuggestWidget.border": "#3b4252",
150
+ "editorSuggestWidget.foreground": "#d8dee9",
151
+ "editorSuggestWidget.focusHighlightForeground": "#88c0d0",
152
+ "editorSuggestWidget.highlightForeground": "#88c0d0",
153
+ "editorSuggestWidget.selectedBackground": "#434c5e",
154
+ "editorSuggestWidget.selectedForeground": "#d8dee9",
155
+ "extensionButton.prominentForeground": "#d8dee9",
156
+ "extensionButton.prominentBackground": "#434c5e",
157
+ "extensionButton.prominentHoverBackground": "#4c566a",
158
+ "errorForeground": "#bf616a",
159
+ "gitDecoration.modifiedResourceForeground": "#ebcb8b",
160
+ "gitDecoration.deletedResourceForeground": "#bf616a",
161
+ "gitDecoration.untrackedResourceForeground": "#a3be8c",
162
+ "gitDecoration.ignoredResourceForeground": "#d8dee966",
163
+ "gitDecoration.conflictingResourceForeground": "#5e81ac",
164
+ "gitDecoration.submoduleResourceForeground": "#8fbcbb",
165
+ "gitDecoration.stageDeletedResourceForeground": "#bf616a",
166
+ "gitDecoration.stageModifiedResourceForeground": "#ebcb8b",
167
+ "input.background": "#3b4252",
168
+ "input.foreground": "#d8dee9",
169
+ "input.placeholderForeground": "#d8dee999",
170
+ "input.border": "#3b4252",
171
+ "inputOption.activeBackground": "#5e81ac",
172
+ "inputOption.activeBorder": "#5e81ac",
173
+ "inputOption.activeForeground": "#eceff4",
174
+ "inputValidation.errorBackground": "#bf616a",
175
+ "inputValidation.errorBorder": "#bf616a",
176
+ "inputValidation.infoBackground": "#81a1c1",
177
+ "inputValidation.infoBorder": "#81a1c1",
178
+ "inputValidation.warningBackground": "#d08770",
179
+ "inputValidation.warningBorder": "#d08770",
180
+ "keybindingLabel.background": "#4c566a",
181
+ "keybindingLabel.border": "#4c566a",
182
+ "keybindingLabel.bottomBorder": "#4c566a",
183
+ "keybindingLabel.foreground": "#d8dee9",
184
+ "list.activeSelectionBackground": "#88c0d0",
185
+ "list.activeSelectionForeground": "#2e3440",
186
+ "list.inactiveSelectionBackground": "#434c5e",
187
+ "list.inactiveSelectionForeground": "#d8dee9",
188
+ "list.inactiveFocusBackground": "#434c5ecc",
189
+ "list.hoverForeground": "#eceff4",
190
+ "list.focusForeground": "#d8dee9",
191
+ "list.focusBackground": "#88c0d099",
192
+ "list.focusHighlightForeground": "#eceff4",
193
+ "list.hoverBackground": "#3b4252",
194
+ "list.dropBackground": "#88c0d099",
195
+ "list.highlightForeground": "#88c0d0",
196
+ "list.errorForeground": "#bf616a",
197
+ "list.warningForeground": "#ebcb8b",
198
+ "merge.currentHeaderBackground": "#81a1c166",
199
+ "merge.currentContentBackground": "#81a1c14d",
200
+ "merge.incomingHeaderBackground": "#8fbcbb66",
201
+ "merge.incomingContentBackground": "#8fbcbb4d",
202
+ "merge.border": "#3b425200",
203
+ "minimap.background": "#2e3440",
204
+ "minimap.errorHighlight": "#bf616acc",
205
+ "minimap.findMatchHighlight": "#88c0d0",
206
+ "minimap.selectionHighlight": "#88c0d0cc",
207
+ "minimap.warningHighlight": "#ebcb8bcc",
208
+ "minimapGutter.addedBackground": "#a3be8c",
209
+ "minimapGutter.deletedBackground": "#bf616a",
210
+ "minimapGutter.modifiedBackground": "#ebcb8b",
211
+ "minimapSlider.activeBackground": "#434c5eaa",
212
+ "minimapSlider.background": "#434c5e99",
213
+ "minimapSlider.hoverBackground": "#434c5eaa",
214
+ "notification.background": "#3b4252",
215
+ "notification.buttonBackground": "#434c5e",
216
+ "notification.buttonForeground": "#d8dee9",
217
+ "notification.buttonHoverBackground": "#4c566a",
218
+ "notification.errorBackground": "#bf616a",
219
+ "notification.errorForeground": "#2e3440",
220
+ "notification.foreground": "#d8dee9",
221
+ "notification.infoBackground": "#88c0d0",
222
+ "notification.infoForeground": "#2e3440",
223
+ "notification.warningBackground": "#ebcb8b",
224
+ "notification.warningForeground": "#2e3440",
225
+ "notificationCenter.border": "#3b425200",
226
+ "notificationCenterHeader.background": "#2e3440",
227
+ "notificationCenterHeader.foreground": "#88c0d0",
228
+ "notificationLink.foreground": "#88c0d0",
229
+ "notifications.background": "#3b4252",
230
+ "notifications.border": "#2e3440",
231
+ "notifications.foreground": "#d8dee9",
232
+ "notificationToast.border": "#3b425200",
233
+ "panel.background": "#2e3440",
234
+ "panel.border": "#3b4252",
235
+ "panelTitle.activeBorder": "#88c0d000",
236
+ "panelTitle.activeForeground": "#88c0d0",
237
+ "panelTitle.inactiveForeground": "#d8dee9",
238
+ "peekView.border": "#4c566a",
239
+ "peekViewEditor.background": "#2e3440",
240
+ "peekViewEditorGutter.background": "#2e3440",
241
+ "peekViewEditor.matchHighlightBackground": "#88c0d04d",
242
+ "peekViewResult.background": "#2e3440",
243
+ "peekViewResult.fileForeground": "#88c0d0",
244
+ "peekViewResult.lineForeground": "#d8dee966",
245
+ "peekViewResult.matchHighlightBackground": "#88c0d0cc",
246
+ "peekViewResult.selectionBackground": "#434c5e",
247
+ "peekViewResult.selectionForeground": "#d8dee9",
248
+ "peekViewTitle.background": "#3b4252",
249
+ "peekViewTitleDescription.foreground": "#d8dee9",
250
+ "peekViewTitleLabel.foreground": "#88c0d0",
251
+ "pickerGroup.border": "#3b4252",
252
+ "pickerGroup.foreground": "#88c0d0",
253
+ "progressBar.background": "#88c0d0",
254
+ "quickInputList.focusBackground": "#88c0d0",
255
+ "quickInputList.focusForeground": "#2e3440",
256
+ "sash.hoverBorder": "#88c0d0",
257
+ "scrollbar.shadow": "#00000066",
258
+ "scrollbarSlider.activeBackground": "#434c5eaa",
259
+ "scrollbarSlider.background": "#434c5e99",
260
+ "scrollbarSlider.hoverBackground": "#434c5eaa",
261
+ "selection.background": "#88c0d099",
262
+ "sideBar.background": "#2e3440",
263
+ "sideBar.foreground": "#d8dee9",
264
+ "sideBar.border": "#3b4252",
265
+ "sideBarSectionHeader.background": "#3b4252",
266
+ "sideBarSectionHeader.foreground": "#d8dee9",
267
+ "sideBarTitle.foreground": "#d8dee9",
268
+ "statusBar.background": "#3b4252",
269
+ "statusBar.debuggingBackground": "#5e81ac",
270
+ "statusBar.debuggingForeground": "#d8dee9",
271
+ "statusBar.noFolderForeground": "#d8dee9",
272
+ "statusBar.noFolderBackground": "#3b4252",
273
+ "statusBar.foreground": "#d8dee9",
274
+ "statusBarItem.activeBackground": "#4c566a",
275
+ "statusBarItem.hoverBackground": "#434c5e",
276
+ "statusBarItem.prominentBackground": "#3b4252",
277
+ "statusBarItem.prominentHoverBackground": "#434c5e",
278
+ "statusBarItem.errorBackground": "#3b4252",
279
+ "statusBarItem.errorForeground": "#bf616a",
280
+ "statusBarItem.warningBackground": "#ebcb8b",
281
+ "statusBarItem.warningForeground": "#2e3440",
282
+ "statusBar.border": "#3b425200",
283
+ "tab.activeBackground": "#3b4252",
284
+ "tab.activeForeground": "#d8dee9",
285
+ "tab.border": "#3b425200",
286
+ "tab.activeBorder": "#88c0d000",
287
+ "tab.unfocusedActiveBorder": "#88c0d000",
288
+ "tab.inactiveBackground": "#2e3440",
289
+ "tab.inactiveForeground": "#d8dee966",
290
+ "tab.unfocusedActiveForeground": "#d8dee999",
291
+ "tab.unfocusedInactiveForeground": "#d8dee966",
292
+ "tab.hoverBackground": "#3b4252cc",
293
+ "tab.unfocusedHoverBackground": "#3b4252b3",
294
+ "tab.hoverBorder": "#88c0d000",
295
+ "tab.unfocusedHoverBorder": "#88c0d000",
296
+ "tab.activeBorderTop": "#88c0d000",
297
+ "tab.unfocusedActiveBorderTop": "#88c0d000",
298
+ "tab.lastPinnedBorder": "#4c566a",
299
+ "terminal.background": "#2e3440",
300
+ "terminal.foreground": "#d8dee9",
301
+ "terminal.ansiBlack": "#3b4252",
302
+ "terminal.ansiRed": "#bf616a",
303
+ "terminal.ansiGreen": "#a3be8c",
304
+ "terminal.ansiYellow": "#ebcb8b",
305
+ "terminal.ansiBlue": "#81a1c1",
306
+ "terminal.ansiMagenta": "#b48ead",
307
+ "terminal.ansiCyan": "#88c0d0",
308
+ "terminal.ansiWhite": "#e5e9f0",
309
+ "terminal.ansiBrightBlack": "#4c566a",
310
+ "terminal.ansiBrightRed": "#bf616a",
311
+ "terminal.ansiBrightGreen": "#a3be8c",
312
+ "terminal.ansiBrightYellow": "#ebcb8b",
313
+ "terminal.ansiBrightBlue": "#81a1c1",
314
+ "terminal.ansiBrightMagenta": "#b48ead",
315
+ "terminal.ansiBrightCyan": "#8fbcbb",
316
+ "terminal.ansiBrightWhite": "#eceff4",
317
+ "terminal.tab.activeBorder": "#88c0d0",
318
+ "textBlockQuote.background": "#3b4252",
319
+ "textBlockQuote.border": "#81a1c1",
320
+ "textCodeBlock.background": "#4c566a",
321
+ "textLink.activeForeground": "#88c0d0",
322
+ "textLink.foreground": "#88c0d0",
323
+ "textPreformat.foreground": "#8fbcbb",
324
+ "textSeparator.foreground": "#eceff4",
325
+ "titleBar.activeBackground": "#2e3440",
326
+ "titleBar.activeForeground": "#d8dee9",
327
+ "titleBar.border": "#2e344000",
328
+ "titleBar.inactiveBackground": "#2e3440",
329
+ "titleBar.inactiveForeground": "#d8dee966",
330
+ "tree.indentGuidesStroke": "#616e88",
331
+ "walkThrough.embeddedEditorBackground": "#2e3440",
332
+ "welcomePage.buttonBackground": "#434c5e",
333
+ "welcomePage.buttonHoverBackground": "#4c566a",
334
+ "widget.shadow": "#00000066"
335
+ },
336
+ "tokenColors": [{
337
+ "settings": {
338
+ "foreground": "#d8dee9ff",
339
+ "background": "#2e3440ff"
340
+ }
341
+ }, {
342
+ "scope": "emphasis",
343
+ "settings": {
344
+ "fontStyle": "italic"
345
+ }
346
+ }, {
347
+ "scope": "strong",
348
+ "settings": {
349
+ "fontStyle": "bold"
350
+ }
351
+ }, {
352
+ "name": "Comment",
353
+ "scope": "comment",
354
+ "settings": {
355
+ "foreground": "#616E88"
356
+ }
357
+ }, {
358
+ "name": "Constant Character",
359
+ "scope": "constant.character",
360
+ "settings": {
361
+ "foreground": "#EBCB8B"
362
+ }
363
+ }, {
364
+ "name": "Constant Character Escape",
365
+ "scope": "constant.character.escape",
366
+ "settings": {
367
+ "foreground": "#EBCB8B"
368
+ }
369
+ }, {
370
+ "name": "Constant Language",
371
+ "scope": "constant.language",
372
+ "settings": {
373
+ "foreground": "#81A1C1"
374
+ }
375
+ }, {
376
+ "name": "Constant Numeric",
377
+ "scope": "constant.numeric",
378
+ "settings": {
379
+ "foreground": "#B48EAD"
380
+ }
381
+ }, {
382
+ "name": "Constant Regexp",
383
+ "scope": "constant.regexp",
384
+ "settings": {
385
+ "foreground": "#EBCB8B"
386
+ }
387
+ }, {
388
+ "name": "Entity Name Class/Type",
389
+ "scope": ["entity.name.class", "entity.name.type.class"],
390
+ "settings": {
391
+ "foreground": "#8FBCBB"
392
+ }
393
+ }, {
394
+ "name": "Entity Name Function",
395
+ "scope": "entity.name.function",
396
+ "settings": {
397
+ "foreground": "#88C0D0"
398
+ }
399
+ }, {
400
+ "name": "Entity Name Tag",
401
+ "scope": "entity.name.tag",
402
+ "settings": {
403
+ "foreground": "#81A1C1"
404
+ }
405
+ }, {
406
+ "name": "Entity Other Attribute Name",
407
+ "scope": "entity.other.attribute-name",
408
+ "settings": {
409
+ "foreground": "#8FBCBB"
410
+ }
411
+ }, {
412
+ "name": "Entity Other Inherited Class",
413
+ "scope": "entity.other.inherited-class",
414
+ "settings": {
415
+ "fontStyle": "bold",
416
+ "foreground": "#8FBCBB"
417
+ }
418
+ }, {
419
+ "name": "Invalid Deprecated",
420
+ "scope": "invalid.deprecated",
421
+ "settings": {
422
+ "foreground": "#D8DEE9",
423
+ "background": "#EBCB8B"
424
+ }
425
+ }, {
426
+ "name": "Invalid Illegal",
427
+ "scope": "invalid.illegal",
428
+ "settings": {
429
+ "foreground": "#D8DEE9",
430
+ "background": "#BF616A"
431
+ }
432
+ }, {
433
+ "name": "Keyword",
434
+ "scope": "keyword",
435
+ "settings": {
436
+ "foreground": "#81A1C1"
437
+ }
438
+ }, {
439
+ "name": "Keyword Operator",
440
+ "scope": "keyword.operator",
441
+ "settings": {
442
+ "foreground": "#81A1C1"
443
+ }
444
+ }, {
445
+ "name": "Keyword Other New",
446
+ "scope": "keyword.other.new",
447
+ "settings": {
448
+ "foreground": "#81A1C1"
449
+ }
450
+ }, {
451
+ "name": "Markup Bold",
452
+ "scope": "markup.bold",
453
+ "settings": {
454
+ "fontStyle": "bold"
455
+ }
456
+ }, {
457
+ "name": "Markup Changed",
458
+ "scope": "markup.changed",
459
+ "settings": {
460
+ "foreground": "#EBCB8B"
461
+ }
462
+ }, {
463
+ "name": "Markup Deleted",
464
+ "scope": "markup.deleted",
465
+ "settings": {
466
+ "foreground": "#BF616A"
467
+ }
468
+ }, {
469
+ "name": "Markup Inserted",
470
+ "scope": "markup.inserted",
471
+ "settings": {
472
+ "foreground": "#A3BE8C"
473
+ }
474
+ }, {
475
+ "name": "Meta Preprocessor",
476
+ "scope": "meta.preprocessor",
477
+ "settings": {
478
+ "foreground": "#5E81AC"
479
+ }
480
+ }, {
481
+ "name": "Punctuation",
482
+ "scope": "punctuation",
483
+ "settings": {
484
+ "foreground": "#ECEFF4"
485
+ }
486
+ }, {
487
+ "name": "Punctuation Definition Parameters",
488
+ "scope": ["punctuation.definition.method-parameters", "punctuation.definition.function-parameters", "punctuation.definition.parameters"],
489
+ "settings": {
490
+ "foreground": "#ECEFF4"
491
+ }
492
+ }, {
493
+ "name": "Punctuation Definition Tag",
494
+ "scope": "punctuation.definition.tag",
495
+ "settings": {
496
+ "foreground": "#81A1C1"
497
+ }
498
+ }, {
499
+ "name": "Punctuation Definition Comment",
500
+ "scope": ["punctuation.definition.comment", "punctuation.end.definition.comment", "punctuation.start.definition.comment"],
501
+ "settings": {
502
+ "foreground": "#616E88"
503
+ }
504
+ }, {
505
+ "name": "Punctuation Section",
506
+ "scope": "punctuation.section",
507
+ "settings": {
508
+ "foreground": "#ECEFF4"
509
+ }
510
+ }, {
511
+ "name": "Punctuation Section Embedded",
512
+ "scope": ["punctuation.section.embedded.begin", "punctuation.section.embedded.end"],
513
+ "settings": {
514
+ "foreground": "#81A1C1"
515
+ }
516
+ }, {
517
+ "name": "Punctuation Terminator",
518
+ "scope": "punctuation.terminator",
519
+ "settings": {
520
+ "foreground": "#81A1C1"
521
+ }
522
+ }, {
523
+ "name": "Punctuation Variable",
524
+ "scope": "punctuation.definition.variable",
525
+ "settings": {
526
+ "foreground": "#81A1C1"
527
+ }
528
+ }, {
529
+ "name": "Storage",
530
+ "scope": "storage",
531
+ "settings": {
532
+ "foreground": "#81A1C1"
533
+ }
534
+ }, {
535
+ "name": "String",
536
+ "scope": "string",
537
+ "settings": {
538
+ "foreground": "#A3BE8C"
539
+ }
540
+ }, {
541
+ "name": "String Regexp",
542
+ "scope": "string.regexp",
543
+ "settings": {
544
+ "foreground": "#EBCB8B"
545
+ }
546
+ }, {
547
+ "name": "Support Class",
548
+ "scope": "support.class",
549
+ "settings": {
550
+ "foreground": "#8FBCBB"
551
+ }
552
+ }, {
553
+ "name": "Support Constant",
554
+ "scope": "support.constant",
555
+ "settings": {
556
+ "foreground": "#81A1C1"
557
+ }
558
+ }, {
559
+ "name": "Support Function",
560
+ "scope": "support.function",
561
+ "settings": {
562
+ "foreground": "#88C0D0"
563
+ }
564
+ }, {
565
+ "name": "Support Function Construct",
566
+ "scope": "support.function.construct",
567
+ "settings": {
568
+ "foreground": "#81A1C1"
569
+ }
570
+ }, {
571
+ "name": "Support Type",
572
+ "scope": "support.type",
573
+ "settings": {
574
+ "foreground": "#8FBCBB"
575
+ }
576
+ }, {
577
+ "name": "Support Type Exception",
578
+ "scope": "support.type.exception",
579
+ "settings": {
580
+ "foreground": "#8FBCBB"
581
+ }
582
+ }, {
583
+ "name": "Token Debug",
584
+ "scope": "token.debug-token",
585
+ "settings": {
586
+ "foreground": "#b48ead"
587
+ }
588
+ }, {
589
+ "name": "Token Error",
590
+ "scope": "token.error-token",
591
+ "settings": {
592
+ "foreground": "#bf616a"
593
+ }
594
+ }, {
595
+ "name": "Token Info",
596
+ "scope": "token.info-token",
597
+ "settings": {
598
+ "foreground": "#88c0d0"
599
+ }
600
+ }, {
601
+ "name": "Token Warning",
602
+ "scope": "token.warn-token",
603
+ "settings": {
604
+ "foreground": "#ebcb8b"
605
+ }
606
+ }, {
607
+ "name": "Variable",
608
+ "scope": "variable.other",
609
+ "settings": {
610
+ "foreground": "#D8DEE9"
611
+ }
612
+ }, {
613
+ "name": "Variable Language",
614
+ "scope": "variable.language",
615
+ "settings": {
616
+ "foreground": "#81A1C1"
617
+ }
618
+ }, {
619
+ "name": "Variable Parameter",
620
+ "scope": "variable.parameter",
621
+ "settings": {
622
+ "foreground": "#D8DEE9"
623
+ }
624
+ }, {
625
+ "name": "[C/CPP] Punctuation Separator Pointer-Access",
626
+ "scope": "punctuation.separator.pointer-access.c",
627
+ "settings": {
628
+ "foreground": "#81A1C1"
629
+ }
630
+ }, {
631
+ "name": "[C/CPP] Meta Preprocessor Include",
632
+ "scope": ["source.c meta.preprocessor.include", "source.c string.quoted.other.lt-gt.include"],
633
+ "settings": {
634
+ "foreground": "#8FBCBB"
635
+ }
636
+ }, {
637
+ "name": "[C/CPP] Conditional Directive",
638
+ "scope": ["source.cpp keyword.control.directive.conditional", "source.cpp punctuation.definition.directive", "source.c keyword.control.directive.conditional", "source.c punctuation.definition.directive"],
639
+ "settings": {
640
+ "foreground": "#5E81AC",
641
+ "fontStyle": "bold"
642
+ }
643
+ }, {
644
+ "name": "[CSS] Constant Other Color RGB Value",
645
+ "scope": "source.css constant.other.color.rgb-value",
646
+ "settings": {
647
+ "foreground": "#B48EAD"
648
+ }
649
+ }, {
650
+ "name": "[CSS](Function) Meta Property-Value",
651
+ "scope": "source.css meta.property-value",
652
+ "settings": {
653
+ "foreground": "#88C0D0"
654
+ }
655
+ }, {
656
+ "name": "[CSS] Media Queries",
657
+ "scope": ["source.css keyword.control.at-rule.media", "source.css keyword.control.at-rule.media punctuation.definition.keyword"],
658
+ "settings": {
659
+ "foreground": "#D08770"
660
+ }
661
+ }, {
662
+ "name": "[CSS] Punctuation Definition Keyword",
663
+ "scope": "source.css punctuation.definition.keyword",
664
+ "settings": {
665
+ "foreground": "#81A1C1"
666
+ }
667
+ }, {
668
+ "name": "[CSS] Support Type Property Name",
669
+ "scope": "source.css support.type.property-name",
670
+ "settings": {
671
+ "foreground": "#D8DEE9"
672
+ }
673
+ }, {
674
+ "name": "[diff] Meta Range Context",
675
+ "scope": "source.diff meta.diff.range.context",
676
+ "settings": {
677
+ "foreground": "#8FBCBB"
678
+ }
679
+ }, {
680
+ "name": "[diff] Meta Header From-File",
681
+ "scope": "source.diff meta.diff.header.from-file",
682
+ "settings": {
683
+ "foreground": "#8FBCBB"
684
+ }
685
+ }, {
686
+ "name": "[diff] Punctuation Definition From-File",
687
+ "scope": "source.diff punctuation.definition.from-file",
688
+ "settings": {
689
+ "foreground": "#8FBCBB"
690
+ }
691
+ }, {
692
+ "name": "[diff] Punctuation Definition Range",
693
+ "scope": "source.diff punctuation.definition.range",
694
+ "settings": {
695
+ "foreground": "#8FBCBB"
696
+ }
697
+ }, {
698
+ "name": "[diff] Punctuation Definition Separator",
699
+ "scope": "source.diff punctuation.definition.separator",
700
+ "settings": {
701
+ "foreground": "#81A1C1"
702
+ }
703
+ }, {
704
+ "name": "[Elixir](JakeBecker.elixir-ls) module names",
705
+ "scope": "entity.name.type.module.elixir",
706
+ "settings": {
707
+ "foreground": "#8FBCBB"
708
+ }
709
+ }, {
710
+ "name": "[Elixir](JakeBecker.elixir-ls) module attributes",
711
+ "scope": "variable.other.readwrite.module.elixir",
712
+ "settings": {
713
+ "foreground": "#D8DEE9",
714
+ "fontStyle": "bold"
715
+ }
716
+ }, {
717
+ "name": "[Elixir](JakeBecker.elixir-ls) atoms",
718
+ "scope": "constant.other.symbol.elixir",
719
+ "settings": {
720
+ "foreground": "#D8DEE9",
721
+ "fontStyle": "bold"
722
+ }
723
+ }, {
724
+ "name": "[Elixir](JakeBecker.elixir-ls) modules",
725
+ "scope": "variable.other.constant.elixir",
726
+ "settings": {
727
+ "foreground": "#8FBCBB"
728
+ }
729
+ }, {
730
+ "name": "[Go] String Format Placeholder",
731
+ "scope": "source.go constant.other.placeholder.go",
732
+ "settings": {
733
+ "foreground": "#EBCB8B"
734
+ }
735
+ }, {
736
+ "name": "[Java](JavaDoc) Comment Block Documentation HTML Entities",
737
+ "scope": "source.java comment.block.documentation.javadoc punctuation.definition.entity.html",
738
+ "settings": {
739
+ "foreground": "#81A1C1"
740
+ }
741
+ }, {
742
+ "name": "[Java](JavaDoc) Constant Other",
743
+ "scope": "source.java constant.other",
744
+ "settings": {
745
+ "foreground": "#D8DEE9"
746
+ }
747
+ }, {
748
+ "name": "[Java](JavaDoc) Keyword Other Documentation",
749
+ "scope": "source.java keyword.other.documentation",
750
+ "settings": {
751
+ "foreground": "#8FBCBB"
752
+ }
753
+ }, {
754
+ "name": "[Java](JavaDoc) Keyword Other Documentation Author",
755
+ "scope": "source.java keyword.other.documentation.author.javadoc",
756
+ "settings": {
757
+ "foreground": "#8FBCBB"
758
+ }
759
+ }, {
760
+ "name": "[Java](JavaDoc) Keyword Other Documentation Directive/Custom",
761
+ "scope": ["source.java keyword.other.documentation.directive", "source.java keyword.other.documentation.custom"],
762
+ "settings": {
763
+ "foreground": "#8FBCBB"
764
+ }
765
+ }, {
766
+ "name": "[Java](JavaDoc) Keyword Other Documentation See",
767
+ "scope": "source.java keyword.other.documentation.see.javadoc",
768
+ "settings": {
769
+ "foreground": "#8FBCBB"
770
+ }
771
+ }, {
772
+ "name": "[Java] Meta Method-Call",
773
+ "scope": "source.java meta.method-call meta.method",
774
+ "settings": {
775
+ "foreground": "#88C0D0"
776
+ }
777
+ }, {
778
+ "name": "[Java](JavaDoc) Meta Tag Template Link",
779
+ "scope": ["source.java meta.tag.template.link.javadoc", "source.java string.other.link.title.javadoc"],
780
+ "settings": {
781
+ "foreground": "#8FBCBB"
782
+ }
783
+ }, {
784
+ "name": "[Java](JavaDoc) Meta Tag Template Value",
785
+ "scope": "source.java meta.tag.template.value.javadoc",
786
+ "settings": {
787
+ "foreground": "#88C0D0"
788
+ }
789
+ }, {
790
+ "name": "[Java](JavaDoc) Punctuation Definition Keyword",
791
+ "scope": "source.java punctuation.definition.keyword.javadoc",
792
+ "settings": {
793
+ "foreground": "#8FBCBB"
794
+ }
795
+ }, {
796
+ "name": "[Java](JavaDoc) Punctuation Definition Tag",
797
+ "scope": ["source.java punctuation.definition.tag.begin.javadoc", "source.java punctuation.definition.tag.end.javadoc"],
798
+ "settings": {
799
+ "foreground": "#616E88"
800
+ }
801
+ }, {
802
+ "name": "[Java] Storage Modifier Import",
803
+ "scope": "source.java storage.modifier.import",
804
+ "settings": {
805
+ "foreground": "#8FBCBB"
806
+ }
807
+ }, {
808
+ "name": "[Java] Storage Modifier Package",
809
+ "scope": "source.java storage.modifier.package",
810
+ "settings": {
811
+ "foreground": "#8FBCBB"
812
+ }
813
+ }, {
814
+ "name": "[Java] Storage Type",
815
+ "scope": "source.java storage.type",
816
+ "settings": {
817
+ "foreground": "#8FBCBB"
818
+ }
819
+ }, {
820
+ "name": "[Java] Storage Type Annotation",
821
+ "scope": "source.java storage.type.annotation",
822
+ "settings": {
823
+ "foreground": "#D08770"
824
+ }
825
+ }, {
826
+ "name": "[Java] Storage Type Generic",
827
+ "scope": "source.java storage.type.generic",
828
+ "settings": {
829
+ "foreground": "#8FBCBB"
830
+ }
831
+ }, {
832
+ "name": "[Java] Storage Type Primitive",
833
+ "scope": "source.java storage.type.primitive",
834
+ "settings": {
835
+ "foreground": "#81A1C1"
836
+ }
837
+ }, {
838
+ "name": "[JavaScript] Decorator",
839
+ "scope": ["source.js punctuation.decorator", "source.js meta.decorator variable.other.readwrite", "source.js meta.decorator entity.name.function"],
840
+ "settings": {
841
+ "foreground": "#D08770"
842
+ }
843
+ }, {
844
+ "name": "[JavaScript] Meta Object-Literal Key",
845
+ "scope": "source.js meta.object-literal.key",
846
+ "settings": {
847
+ "foreground": "#88C0D0"
848
+ }
849
+ }, {
850
+ "name": "[JavaScript](JSDoc) Storage Type Class",
851
+ "scope": "source.js storage.type.class.jsdoc",
852
+ "settings": {
853
+ "foreground": "#8FBCBB"
854
+ }
855
+ }, {
856
+ "name": "[JavaScript] String Template Literals Punctuation",
857
+ "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"],
858
+ "settings": {
859
+ "foreground": "#81A1C1"
860
+ }
861
+ }, {
862
+ "name": "[JavaScript] Interpolated String Template Punctuation Functions",
863
+ "scope": "source.js string.quoted.template meta.method-call.with-arguments",
864
+ "settings": {
865
+ "foreground": "#ECEFF4"
866
+ }
867
+ }, {
868
+ "name": "[JavaScript] String Template Literal Variable",
869
+ "scope": ["source.js string.template meta.template.expression support.variable.property", "source.js string.template meta.template.expression variable.other.object"],
870
+ "settings": {
871
+ "foreground": "#D8DEE9"
872
+ }
873
+ }, {
874
+ "name": "[JavaScript] Support Type Primitive",
875
+ "scope": "source.js support.type.primitive",
876
+ "settings": {
877
+ "foreground": "#81A1C1"
878
+ }
879
+ }, {
880
+ "name": "[JavaScript] Variable Other Object",
881
+ "scope": "source.js variable.other.object",
882
+ "settings": {
883
+ "foreground": "#D8DEE9"
884
+ }
885
+ }, {
886
+ "name": "[JavaScript] Variable Other Read-Write Alias",
887
+ "scope": "source.js variable.other.readwrite.alias",
888
+ "settings": {
889
+ "foreground": "#8FBCBB"
890
+ }
891
+ }, {
892
+ "name": "[JavaScript] Parentheses in Template Strings",
893
+ "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"],
894
+ "settings": {
895
+ "foreground": "#ECEFF4"
896
+ }
897
+ }, {
898
+ "name": "[HTML] Constant Character Entity",
899
+ "scope": "text.html.basic constant.character.entity.html",
900
+ "settings": {
901
+ "foreground": "#EBCB8B"
902
+ }
903
+ }, {
904
+ "name": "[HTML] Constant Other Inline-Data",
905
+ "scope": "text.html.basic constant.other.inline-data",
906
+ "settings": {
907
+ "foreground": "#D08770",
908
+ "fontStyle": "italic"
909
+ }
910
+ }, {
911
+ "name": "[HTML] Meta Tag SGML Doctype",
912
+ "scope": "text.html.basic meta.tag.sgml.doctype",
913
+ "settings": {
914
+ "foreground": "#5E81AC"
915
+ }
916
+ }, {
917
+ "name": "[HTML] Punctuation Definition Entity",
918
+ "scope": "text.html.basic punctuation.definition.entity",
919
+ "settings": {
920
+ "foreground": "#81A1C1"
921
+ }
922
+ }, {
923
+ "name": "[INI] Entity Name Section Group-Title",
924
+ "scope": "source.properties entity.name.section.group-title.ini",
925
+ "settings": {
926
+ "foreground": "#88C0D0"
927
+ }
928
+ }, {
929
+ "name": "[INI] Punctuation Separator Key-Value",
930
+ "scope": "source.properties punctuation.separator.key-value.ini",
931
+ "settings": {
932
+ "foreground": "#81A1C1"
933
+ }
934
+ }, {
935
+ "name": "[Markdown] Markup Fenced Code Block",
936
+ "scope": ["text.html.markdown markup.fenced_code.block", "text.html.markdown markup.fenced_code.block punctuation.definition"],
937
+ "settings": {
938
+ "foreground": "#8FBCBB"
939
+ }
940
+ }, {
941
+ "name": "[Markdown] Markup Heading",
942
+ "scope": "markup.heading",
943
+ "settings": {
944
+ "foreground": "#88C0D0"
945
+ }
946
+ }, {
947
+ "name": "[Markdown] Markup Inline",
948
+ "scope": ["text.html.markdown markup.inline.raw", "text.html.markdown markup.inline.raw punctuation.definition.raw"],
949
+ "settings": {
950
+ "foreground": "#8FBCBB"
951
+ }
952
+ }, {
953
+ "name": "[Markdown] Markup Italic",
954
+ "scope": "text.html.markdown markup.italic",
955
+ "settings": {
956
+ "fontStyle": "italic"
957
+ }
958
+ }, {
959
+ "name": "[Markdown] Markup Link",
960
+ "scope": "text.html.markdown markup.underline.link",
961
+ "settings": {
962
+ "fontStyle": "underline"
963
+ }
964
+ }, {
965
+ "name": "[Markdown] Markup List Numbered/Unnumbered",
966
+ "scope": "text.html.markdown beginning.punctuation.definition.list",
967
+ "settings": {
968
+ "foreground": "#81A1C1"
969
+ }
970
+ }, {
971
+ "name": "[Markdown] Markup Quote Punctuation Definition",
972
+ "scope": "text.html.markdown beginning.punctuation.definition.quote",
973
+ "settings": {
974
+ "foreground": "#8FBCBB"
975
+ }
976
+ }, {
977
+ "name": "[Markdown] Markup Quote Punctuation Definition",
978
+ "scope": "text.html.markdown markup.quote",
979
+ "settings": {
980
+ "foreground": "#616E88"
981
+ }
982
+ }, {
983
+ "name": "[Markdown] Markup Math Constant",
984
+ "scope": "text.html.markdown constant.character.math.tex",
985
+ "settings": {
986
+ "foreground": "#81A1C1"
987
+ }
988
+ }, {
989
+ "name": "[Markdown] Markup Math Definition Marker",
990
+ "scope": ["text.html.markdown punctuation.definition.math.begin", "text.html.markdown punctuation.definition.math.end"],
991
+ "settings": {
992
+ "foreground": "#5E81AC"
993
+ }
994
+ }, {
995
+ "name": "[Markdown] Markup Math Function Definition Marker",
996
+ "scope": "text.html.markdown punctuation.definition.function.math.tex",
997
+ "settings": {
998
+ "foreground": "#88C0D0"
999
+ }
1000
+ }, {
1001
+ "name": "[Markdown] Markup Math Operator",
1002
+ "scope": "text.html.markdown punctuation.math.operator.latex",
1003
+ "settings": {
1004
+ "foreground": "#81A1C1"
1005
+ }
1006
+ }, {
1007
+ "name": "[Markdown] Punctuation Definition Heading",
1008
+ "scope": "text.html.markdown punctuation.definition.heading",
1009
+ "settings": {
1010
+ "foreground": "#81A1C1"
1011
+ }
1012
+ }, {
1013
+ "name": "[Markdown] Punctuation Definition Constant/String",
1014
+ "scope": ["text.html.markdown punctuation.definition.constant", "text.html.markdown punctuation.definition.string"],
1015
+ "settings": {
1016
+ "foreground": "#81A1C1"
1017
+ }
1018
+ }, {
1019
+ "name": "[Markdown] String Other Link Description/Title",
1020
+ "scope": ["text.html.markdown constant.other.reference.link", "text.html.markdown string.other.link.description", "text.html.markdown string.other.link.title"],
1021
+ "settings": {
1022
+ "foreground": "#88C0D0"
1023
+ }
1024
+ }, {
1025
+ "name": "[Perl] Perl Sigils",
1026
+ "scope": "source.perl punctuation.definition.variable",
1027
+ "settings": {
1028
+ "foreground": "#D8DEE9"
1029
+ }
1030
+ }, {
1031
+ "name": "[PHP] Meta Function-Call Object",
1032
+ "scope": ["source.php meta.function-call", "source.php meta.function-call.object"],
1033
+ "settings": {
1034
+ "foreground": "#88C0D0"
1035
+ }
1036
+ }, {
1037
+ "name": "[Python] Decorator",
1038
+ "scope": ["source.python entity.name.function.decorator", "source.python meta.function.decorator support.type"],
1039
+ "settings": {
1040
+ "foreground": "#D08770"
1041
+ }
1042
+ }, {
1043
+ "name": "[Python] Function Call",
1044
+ "scope": "source.python meta.function-call.generic",
1045
+ "settings": {
1046
+ "foreground": "#88C0D0"
1047
+ }
1048
+ }, {
1049
+ "name": "[Python] Support Type",
1050
+ "scope": "source.python support.type",
1051
+ "settings": {
1052
+ "foreground": "#88C0D0"
1053
+ }
1054
+ }, {
1055
+ "name": "[Python] Function Parameter",
1056
+ "scope": ["source.python variable.parameter.function.language"],
1057
+ "settings": {
1058
+ "foreground": "#D8DEE9"
1059
+ }
1060
+ }, {
1061
+ "name": "[Python] Function Parameter Special",
1062
+ "scope": ["source.python meta.function.parameters variable.parameter.function.language.special.self"],
1063
+ "settings": {
1064
+ "foreground": "#81A1C1"
1065
+ }
1066
+ }, {
1067
+ "name": "[Rust] Entity types",
1068
+ "scope": "source.rust entity.name.type",
1069
+ "settings": {
1070
+ "foreground": "#8FBCBB"
1071
+ }
1072
+ }, {
1073
+ "name": "[Rust] Macro",
1074
+ "scope": "source.rust meta.macro entity.name.function",
1075
+ "settings": {
1076
+ "fontStyle": "bold",
1077
+ "foreground": "#88C0D0"
1078
+ }
1079
+ }, {
1080
+ "name": "[Rust] Attributes",
1081
+ "scope": ["source.rust meta.attribute", "source.rust meta.attribute punctuation", "source.rust meta.attribute keyword.operator"],
1082
+ "settings": {
1083
+ "foreground": "#5E81AC"
1084
+ }
1085
+ }, {
1086
+ "name": "[Rust] Traits",
1087
+ "scope": "source.rust entity.name.type.trait",
1088
+ "settings": {
1089
+ "fontStyle": "bold"
1090
+ }
1091
+ }, {
1092
+ "name": "[Rust] Interpolation Bracket Curly",
1093
+ "scope": "source.rust punctuation.definition.interpolation",
1094
+ "settings": {
1095
+ "foreground": "#EBCB8B"
1096
+ }
1097
+ }, {
1098
+ "name": "[SCSS] Punctuation Definition Interpolation Bracket Curly",
1099
+ "scope": ["source.css.scss punctuation.definition.interpolation.begin.bracket.curly", "source.css.scss punctuation.definition.interpolation.end.bracket.curly"],
1100
+ "settings": {
1101
+ "foreground": "#81A1C1"
1102
+ }
1103
+ }, {
1104
+ "name": "[SCSS] Variable Interpolation",
1105
+ "scope": "source.css.scss variable.interpolation",
1106
+ "settings": {
1107
+ "foreground": "#D8DEE9",
1108
+ "fontStyle": "italic"
1109
+ }
1110
+ }, {
1111
+ "name": "[TypeScript] Decorators",
1112
+ "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"],
1113
+ "settings": {
1114
+ "foreground": "#D08770"
1115
+ }
1116
+ }, {
1117
+ "name": "[TypeScript] Object-literal keys",
1118
+ "scope": ["source.ts meta.object-literal.key", "source.tsx meta.object-literal.key"],
1119
+ "settings": {
1120
+ "foreground": "#D8DEE9"
1121
+ }
1122
+ }, {
1123
+ "name": "[TypeScript] Object-literal functions",
1124
+ "scope": ["source.ts meta.object-literal.key entity.name.function", "source.tsx meta.object-literal.key entity.name.function"],
1125
+ "settings": {
1126
+ "foreground": "#88C0D0"
1127
+ }
1128
+ }, {
1129
+ "name": "[TypeScript] Type/Class",
1130
+ "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"],
1131
+ "settings": {
1132
+ "foreground": "#8FBCBB"
1133
+ }
1134
+ }, {
1135
+ "name": "[TypeScript] Static Class Support",
1136
+ "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"],
1137
+ "settings": {
1138
+ "foreground": "#8FBCBB"
1139
+ }
1140
+ }, {
1141
+ "name": "[TypeScript] Variables",
1142
+ "scope": ["source.ts support.variable", "source.tsx support.variable"],
1143
+ "settings": {
1144
+ "foreground": "#D8DEE9"
1145
+ }
1146
+ }, {
1147
+ "name": "[TypeScript] Parentheses in Template Strings",
1148
+ "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"],
1149
+ "settings": {
1150
+ "foreground": "#ECEFF4"
1151
+ }
1152
+ }, {
1153
+ "name": "[XML] Entity Name Tag Namespace",
1154
+ "scope": "text.xml entity.name.tag.namespace",
1155
+ "settings": {
1156
+ "foreground": "#8FBCBB"
1157
+ }
1158
+ }, {
1159
+ "name": "[XML] Keyword Other Doctype",
1160
+ "scope": "text.xml keyword.other.doctype",
1161
+ "settings": {
1162
+ "foreground": "#5E81AC"
1163
+ }
1164
+ }, {
1165
+ "name": "[XML] Meta Tag Preprocessor",
1166
+ "scope": "text.xml meta.tag.preprocessor entity.name.tag",
1167
+ "settings": {
1168
+ "foreground": "#5E81AC"
1169
+ }
1170
+ }, {
1171
+ "name": "[XML] Entity Name Tag Namespace",
1172
+ "scope": ["text.xml string.unquoted.cdata", "text.xml string.unquoted.cdata punctuation.definition.string"],
1173
+ "settings": {
1174
+ "foreground": "#D08770",
1175
+ "fontStyle": "italic"
1176
+ }
1177
+ }, {
1178
+ "name": "[YAML] Entity Name Tag",
1179
+ "scope": "source.yaml entity.name.tag",
1180
+ "settings": {
1181
+ "foreground": "#8FBCBB"
1182
+ }
1183
+ }]
1184
+ },
1185
+ "autoImport": true,
1186
+ "showCopyButton": true,
1187
+ "skipLanguages": [],
1188
+ "filepath": "/Users/bytedance/modern.js/website/module-tools/docs/zh/guide/basic/modify-output-product.md"
1189
+ };
1190
+ var frontmatter = {
1191
+ "sidebar_position": 3
1192
+ };
1193
+ var toc = [{
1194
+ "id": "默认输出产物",
1195
+ "text": "默认输出产物",
1196
+ "depth": 2
1197
+ }, {
1198
+ "id": "构建预设",
1199
+ "text": "构建预设",
1200
+ "depth": 2
1201
+ }, {
1202
+ "id": "构建预设的字符串形式",
1203
+ "text": "构建预设的字符串形式",
1204
+ "depth": 3
1205
+ }, {
1206
+ "id": "构建预设的函数形式",
1207
+ "text": "构建预设的函数形式",
1208
+ "depth": 3
1209
+ }, {
1210
+ "id": "构建配置对象",
1211
+ "text": "构建配置(对象)",
1212
+ "depth": 2
1213
+ }, {
1214
+ "id": "什么时候使用-buildconfig",
1215
+ "text": "什么时候使用 buildConfig",
1216
+ "depth": 2
1217
+ }];
1218
+ var title = "\u4FEE\u6539\u8F93\u51FA\u4EA7\u7269";
1219
+ var content = "\"---\\nsidebar_position: 3\\n---\\n\\n# 修改输出产物\\n\\n## 默认输出产物\\n\\n当在初始化的项目里使用 `modern build` 命令的时候,会根据 Module Tools 默认支持的配置生成相应的产物。默认支持的配置具体如下:\\n\\n```typescript\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n buildPreset: 'base-config',\\n});\\n```\\n\\n**默认生成产物具有以下特点**:\\n\\n- 代码格式为 [CommonJS](https://nodejs.org/api/modules.html#modules-commonjs-modules),或者简称为 `cjs`。\\n- 代码语法支持到 `ES6`。\\n- 所有的代码经过打包变成了一个文件,即进行了 **bundle** 处理。\\n- 产物输出根目录为项目下的 `dist` 目录,类型文件输出的目录为 `dist/types`。\\n\\n:::tip\\n\\n1. 所谓“代码语法支持到 ES6”的意思是指:产物代码所支持的语法不会超过 `ES6`。如果源码中使用语法是 `ES6` 以上的语法(例如 `ES2017`),则会被进行转换。\\n :::\\n\\n看到这里你可能会有以下疑问:\\n\\n1. `buildPreset` 是什么?\\n2. 产物的这些特点是由什么决定的?\\n\\n那么接下来首先解释一下 `buildPreset`。\\n\\n## 构建预设\\n\\n`buildPreset` 代表着提前准备好的一组或者多组构建相关的配置,只需要使用 `buildPreset` 对应的预设值,就可以省去麻烦且复杂的配置工作,得到符合预期的产物。\\n\\n### 构建预设的字符串形式\\n\\n**构建预设的值可以是字符串形式**,因此这样形式的构建预设叫做预设字符串。\\n\\n模块工程解决方案根据 npm 包使用的通用场景,提供了通用的构建预设字符串以及相应的变体。目前支持的所有预设字符串可以通过 [BuildPreset API](/api/config/build-config) 查看。这里讲解一下关于**通用的预设字符串与变体之间的关系**。\\n\\n在通用的预设字符串中,`\\\"npm-library\\\"` 可以用于在开发库类型的 npm 包的场景下使用,它适合大多数普通的模块类型项目。当设置 `\\\"npm-library\\\"` 的时候,项目的输出产物会有以下特点:\\n\\n- 在 `dist/lib` 目录下会得到代码格式为 `cjs`、语法支持到 `es6` 且经过打包处理后的产物。\\n- 在 `dist/es` 目录下会得到代码格式为 `esm`、语法支持为 `es6` 且经过打包处理后的产物。\\n- 在 `dist/types` 目录下会得到类型文件。如果不是 TypeScript 项目,则没有该目录。\\n\\n而预设字符串 `\\\"npm-library\\\"` 对应的变体则是在原本产物的基础上修改了**代码语法支持**这一特点,同时在字符串命名上也变为了 `\\\"npm-library-[es5 | es2016...es2020 | esnext]\\\"` 这样的形式。\\n\\n例如,如果在预设字符串 `\\\"npm-library\\\"` 对应的输出产物基础上,让产物代码支持的语法变为 `es2017` 的话,那么只需要将 `\\\"npm-library\\\"` 改变为 `\\\"npm-library-es2017\\\"` 就可以了。\\n\\n### 构建预设的函数形式\\n\\n**除了字符串形式以外,构建预设的值也可以是函数形式,在函数中可以打印或者修改某个预设值对应的具体配置**。\\n\\n例如,如果使用预设函数的形式达到预设字符串 `\\\"npm-library-es2017\\\"` 同样的效果,可以按照如下的方式:\\n\\n```typescript\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n buildPreset({ preset }) {\\n return preset.NPM_LIBRARY.map(config => {\\n return { ...config, target: 'es2017' };\\n });\\n },\\n});\\n```\\n\\n在上面的代码实现中,`preset.NPM_LIBRARY` 与预设字符串 `\\\"npm-library\\\"` 是相对应的,它代表着 `\\\"npm-library\\\"` 等价的多组构建相关的配置。我们通过 `map` 方法遍历了 `NPM_LIBRARY` 这个数组,在这个数组中包含了多个 `buildConfig` 对象。我们将原本的 `buildConfig` 对象进行了浅拷贝并修改了浅拷贝后得到 `buildConfig.target`,将它指定为 `es2017`。\\n\\n> 关于 `preset.NPM_LIBRARY` 具体对应的值,可以通过 [BuildPreset API](/api/config/build-config) 查看。在 `preset` 对象下不仅包含了 `NPM_LIBRARY`,还包含了其他类似的常量。\\n\\n那么这里的 `buildConfig` 对象是什么呢?之前提到的构建产物特点又是根据什么呢?\\n\\n接下来我们解释一下。\\n\\n## 构建配置(对象)\\n\\n**`buildConfig` 是一个用来描述如何编译、生成构建产物的配置对象**。在最开始提到的关于“_构建产物的特点_”,其实都是 `buildConfig` 所支持的属性。目前所支持的属性覆盖了大部分模块类型项目在构建产物时的需求,`buildConfig` 不仅包含一些产物所具备的属性,也包含了构建产物所需要的一些特性功能。接下来从分类的角度简单罗列一下:\\n\\n**构建产物的基本属性包括:**\\n\\n- 产物是否被打包:对应的 API 是 [`buildConfig.buildType`](/api/config/build-config#buildtype)。\\n- 产物对于语法的支持:对应的 API 是 [`buildConfig.target`](/api/config/build-config#target)。\\n- 产物格式:对应的 API 是 [`buildConfig.format`](/api/config/build-config#format)。\\n- 产物类型文件如何处理,对应的 API 是 [`buildConfig.dts`](/api/config/build-config#dts)。\\n- 产物的 sourceMap 如何处理:对应的 API 是 [`buildConfig.sourceMap`](/api/config/build-config#sourcemap)。\\n- 产物对应的输入(或者是源文件):对应的 API 是 [`buildConfig.input`](/api/config/build-config#input)。\\n- 产物输出的目录:对应的 API 是 [`buildConfig.outDir`](/api/config/build-config#outDir)。\\n- 构建的源码目录:对应的 API 是 [`buildConfig.sourceDir`](/api/config/build-config#sourcedir)。\\n\\n**构建产物所需的常用功能包括:**\\n\\n- 别名:对应的 API 是 [`buildConfig.alias`](/api/config/build-config#alias)。\\n- 静态资源处理:对应的 API 是 [`buildConfig.asset`](/api/config/build-config#asset)。\\n- 第三方依赖处理:对应的 API 有:\\n - [`buildConfig.autoExternal`](/api/config/build-config#autoexternal)。\\n - [`buildConfig.externals`](/api/config/build-config#externals)。\\n- 拷贝:对应的 API 是 [`buildConfig.copy`](/api/config/build-config#copy)。\\n- 全局变量替换:对应的 API 是 [`buildConfig.define`](/api/config/build-config#define)。\\n- 指定 [JSX](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) 编译方式,对应的 API 是 [`buildConfig.jsx`](/api/config/build-config#jsx)。\\n\\n**一些高级属性或者使用频率不高的功能:**\\n\\n- 产物代码压缩:对应的 API 是 [`buildConfig.minify`](/api/config/build-config#minify)。\\n- 代码分割:[`buildConfig.spitting`](/api/config/build-config#splitting)\\n- 指定构建产物用于 NodeJS 环境还是浏览器环境:对应的 API 是 [`buildConfig.platform`](/api/config/build-config#platform)。\\n- umd 产物相关:\\n - 指定 umd 产物外部导入的全局变量:对应的 API 是 [`buildConfig.umdGlobals`](/api/config/build-config#umdglobals)。\\n - 指定 umd 产物的模块名:对应的 API 是 [`buildConfig.umdModuleName`](/api/config/build-config#umdmodulename)。\\n\\n除了以上分类以外,关于这些 API 的常见问题和最佳实践可以通过下面的链接来了解,敬请期待。\\n\\n- [什么是 `bundle` 和 `bundleless`?](/guide/advance/in-depth-about-build#bundle-和-bundleless)\\n- [`input` 与 `sourceDir` 的关系](/guide/advance/in-depth-about-build#input-与-sourcedir-的关系)。\\n- [产物中类型文件的多种生成方式](/guide/advance/in-depth-about-build#类型文件)。\\n- [`buildConfig.define` 不同场景的使用方式。](/guide/advance/in-depth-about-build#buildconfigdefine-不同场景的使用方式)\\n- [如何处理第三方依赖?](/guide/advance/external-dependency)\\n- [如何使用拷贝?](/guide/advance/copy)\\n- [如何构建 umd 产物?](/guide/advance/build-umd#设置项目的全局变量名称)\\n- [静态资源目前所支持的能力。](/guide/advance/asset)\\n\\n## 什么时候使用 `buildConfig`\\n\\n`buildConfig` 是用于修改产物的方式之一,**当与 `buildPreset` 配置同时存在的时候,只有 `buildConfig` 才会生效**。因此如果按照如下方式配置:\\n\\n```typescript\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n buildConfig: [{}],\\n buildPreset: 'base-config',\\n});\\n```\\n\\n那么此时就会看到如下提示:\\n\\n```bash\\n因为同时出现 'buildConfig' 和 'buildPreset' 配置,因此仅 'buildConfig' 配置生效\\n```\\n\\n`buildPreset` 代表的一组或者多组构建相关的配置都是由 `buildConfig` 组成,**当使用 `buildPreset` 无法满足当前项目需求的时候,就可以使用 `buildConfig` 来自定义输出产物**。\\n\\n在使用 `buildConfig` 的过程,就是对“_获得怎样的构建产物_”的思考过程。\\n\"";
1220
+ function _createMdxContent(props) {
1221
+ var _components = Object.assign({
1222
+ h1: "h1",
1223
+ a: "a",
1224
+ h2: "h2",
1225
+ p: "p",
1226
+ code: "code",
1227
+ strong: "strong",
1228
+ ul: "ul",
1229
+ li: "li",
1230
+ div: "div",
1231
+ ol: "ol",
1232
+ h3: "h3",
1233
+ blockquote: "blockquote",
1234
+ em: "em"
1235
+ }, props.components);
1236
+ if (!CH) _missingMdxReference("CH", false, "11:1-17:4");
1237
+ if (!CH.Code) _missingMdxReference("CH.Code", true, "11:1-17:4");
1238
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
1239
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h1, {
1240
+ id: "修改输出产物",
1241
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1242
+ className: "header-anchor",
1243
+ "aria-hidden": "true",
1244
+ href: "#修改输出产物",
1245
+ children: "#"
1246
+ }), "修改输出产物"]
1247
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
1248
+ id: "默认输出产物",
1249
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1250
+ className: "header-anchor",
1251
+ "aria-hidden": "true",
1252
+ href: "#默认输出产物",
1253
+ children: "#"
1254
+ }), "默认输出产物"]
1255
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1256
+ children: ["当在初始化的项目里使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1257
+ children: "modern build"
1258
+ }), " 命令的时候,会根据 Module Tools 默认支持的配置生成相应的产物。默认支持的配置具体如下:"]
1259
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1260
+ codeConfig: chCodeConfig,
1261
+ northPanel: {
1262
+ "tabs": [""],
1263
+ "active": "",
1264
+ "heightRatio": 1
1265
+ },
1266
+ files: [{
1267
+ "name": "",
1268
+ "focus": "",
1269
+ "code": {
1270
+ "lines": [{
1271
+ "tokens": [{
1272
+ "content": "import",
1273
+ "props": {
1274
+ "style": {
1275
+ "color": "#81A1C1"
1276
+ }
1277
+ }
1278
+ }, {
1279
+ "content": " ",
1280
+ "props": {
1281
+ "style": {
1282
+ "color": "#D8DEE9FF"
1283
+ }
1284
+ }
1285
+ }, {
1286
+ "content": "{",
1287
+ "props": {
1288
+ "style": {
1289
+ "color": "#ECEFF4"
1290
+ }
1291
+ }
1292
+ }, {
1293
+ "content": " ",
1294
+ "props": {
1295
+ "style": {
1296
+ "color": "#D8DEE9FF"
1297
+ }
1298
+ }
1299
+ }, {
1300
+ "content": "defineConfig",
1301
+ "props": {
1302
+ "style": {
1303
+ "color": "#D8DEE9"
1304
+ }
1305
+ }
1306
+ }, {
1307
+ "content": " ",
1308
+ "props": {
1309
+ "style": {
1310
+ "color": "#D8DEE9FF"
1311
+ }
1312
+ }
1313
+ }, {
1314
+ "content": "}",
1315
+ "props": {
1316
+ "style": {
1317
+ "color": "#ECEFF4"
1318
+ }
1319
+ }
1320
+ }, {
1321
+ "content": " ",
1322
+ "props": {
1323
+ "style": {
1324
+ "color": "#D8DEE9FF"
1325
+ }
1326
+ }
1327
+ }, {
1328
+ "content": "from",
1329
+ "props": {
1330
+ "style": {
1331
+ "color": "#81A1C1"
1332
+ }
1333
+ }
1334
+ }, {
1335
+ "content": " ",
1336
+ "props": {
1337
+ "style": {
1338
+ "color": "#D8DEE9FF"
1339
+ }
1340
+ }
1341
+ }, {
1342
+ "content": "'",
1343
+ "props": {
1344
+ "style": {
1345
+ "color": "#ECEFF4"
1346
+ }
1347
+ }
1348
+ }, {
1349
+ "content": "@modern-js/module-tools",
1350
+ "props": {
1351
+ "style": {
1352
+ "color": "#A3BE8C"
1353
+ }
1354
+ }
1355
+ }, {
1356
+ "content": "'",
1357
+ "props": {
1358
+ "style": {
1359
+ "color": "#ECEFF4"
1360
+ }
1361
+ }
1362
+ }, {
1363
+ "content": ";",
1364
+ "props": {
1365
+ "style": {
1366
+ "color": "#81A1C1"
1367
+ }
1368
+ }
1369
+ }]
1370
+ }, {
1371
+ "tokens": []
1372
+ }, {
1373
+ "tokens": [{
1374
+ "content": "export",
1375
+ "props": {
1376
+ "style": {
1377
+ "color": "#81A1C1"
1378
+ }
1379
+ }
1380
+ }, {
1381
+ "content": " ",
1382
+ "props": {
1383
+ "style": {
1384
+ "color": "#D8DEE9FF"
1385
+ }
1386
+ }
1387
+ }, {
1388
+ "content": "default",
1389
+ "props": {
1390
+ "style": {
1391
+ "color": "#81A1C1"
1392
+ }
1393
+ }
1394
+ }, {
1395
+ "content": " ",
1396
+ "props": {
1397
+ "style": {
1398
+ "color": "#D8DEE9FF"
1399
+ }
1400
+ }
1401
+ }, {
1402
+ "content": "defineConfig",
1403
+ "props": {
1404
+ "style": {
1405
+ "color": "#88C0D0"
1406
+ }
1407
+ }
1408
+ }, {
1409
+ "content": "(",
1410
+ "props": {
1411
+ "style": {
1412
+ "color": "#D8DEE9FF"
1413
+ }
1414
+ }
1415
+ }, {
1416
+ "content": "{",
1417
+ "props": {
1418
+ "style": {
1419
+ "color": "#ECEFF4"
1420
+ }
1421
+ }
1422
+ }]
1423
+ }, {
1424
+ "tokens": [{
1425
+ "content": " ",
1426
+ "props": {
1427
+ "style": {
1428
+ "color": "#D8DEE9FF"
1429
+ }
1430
+ }
1431
+ }, {
1432
+ "content": "buildPreset",
1433
+ "props": {
1434
+ "style": {
1435
+ "color": "#D8DEE9"
1436
+ }
1437
+ }
1438
+ }, {
1439
+ "content": ":",
1440
+ "props": {
1441
+ "style": {
1442
+ "color": "#ECEFF4"
1443
+ }
1444
+ }
1445
+ }, {
1446
+ "content": " ",
1447
+ "props": {
1448
+ "style": {
1449
+ "color": "#D8DEE9FF"
1450
+ }
1451
+ }
1452
+ }, {
1453
+ "content": "'",
1454
+ "props": {
1455
+ "style": {
1456
+ "color": "#ECEFF4"
1457
+ }
1458
+ }
1459
+ }, {
1460
+ "content": "base-config",
1461
+ "props": {
1462
+ "style": {
1463
+ "color": "#A3BE8C"
1464
+ }
1465
+ }
1466
+ }, {
1467
+ "content": "'",
1468
+ "props": {
1469
+ "style": {
1470
+ "color": "#ECEFF4"
1471
+ }
1472
+ }
1473
+ }, {
1474
+ "content": ",",
1475
+ "props": {
1476
+ "style": {
1477
+ "color": "#ECEFF4"
1478
+ }
1479
+ }
1480
+ }]
1481
+ }, {
1482
+ "tokens": [{
1483
+ "content": "}",
1484
+ "props": {
1485
+ "style": {
1486
+ "color": "#ECEFF4"
1487
+ }
1488
+ }
1489
+ }, {
1490
+ "content": ")",
1491
+ "props": {
1492
+ "style": {
1493
+ "color": "#D8DEE9FF"
1494
+ }
1495
+ }
1496
+ }, {
1497
+ "content": ";",
1498
+ "props": {
1499
+ "style": {
1500
+ "color": "#81A1C1"
1501
+ }
1502
+ }
1503
+ }]
1504
+ }],
1505
+ "lang": "typescript"
1506
+ },
1507
+ "annotations": []
1508
+ }]
1509
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1510
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1511
+ children: "默认生成产物具有以下特点"
1512
+ }), ":"]
1513
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
1514
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1515
+ children: ["代码格式为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1516
+ href: "https://nodejs.org/api/modules.html#modules-commonjs-modules",
1517
+ children: "CommonJS"
1518
+ }), ",或者简称为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1519
+ children: "cjs"
1520
+ }), "。"]
1521
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1522
+ children: ["代码语法支持到 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1523
+ children: "ES6"
1524
+ }), "。"]
1525
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1526
+ children: ["所有的代码经过打包变成了一个文件,即进行了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1527
+ children: "bundle"
1528
+ }), " 处理。"]
1529
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1530
+ children: ["产物输出根目录为项目下的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1531
+ children: "dist"
1532
+ }), " 目录,类型文件输出的目录为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1533
+ children: "dist/types"
1534
+ }), "。"]
1535
+ }), "\n"]
1536
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.div, {
1537
+ className: "modern-directive tip",
1538
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
1539
+ className: "modern-directive-title",
1540
+ children: "TIP"
1541
+ }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.div, {
1542
+ className: "island-directive-content",
1543
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ol, {
1544
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1545
+ children: ["所谓“代码语法支持到 ES6”的意思是指:产物代码所支持的语法不会超过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1546
+ children: "ES6"
1547
+ }), "。如果源码中使用语法是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1548
+ children: "ES6"
1549
+ }), " 以上的语法(例如 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1550
+ children: "ES2017"
1551
+ }), "),则会被进行转换。"]
1552
+ }), "\n"]
1553
+ })
1554
+ })]
1555
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
1556
+ children: "看到这里你可能会有以下疑问:"
1557
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ol, {
1558
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1559
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1560
+ children: "buildPreset"
1561
+ }), " 是什么?"]
1562
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
1563
+ children: "产物的这些特点是由什么决定的?"
1564
+ }), "\n"]
1565
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1566
+ children: ["那么接下来首先解释一下 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1567
+ children: "buildPreset"
1568
+ }), "。"]
1569
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
1570
+ id: "构建预设",
1571
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1572
+ className: "header-anchor",
1573
+ "aria-hidden": "true",
1574
+ href: "#构建预设",
1575
+ children: "#"
1576
+ }), "构建预设"]
1577
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1578
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1579
+ children: "buildPreset"
1580
+ }), " 代表着提前准备好的一组或者多组构建相关的配置,只需要使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1581
+ children: "buildPreset"
1582
+ }), " 对应的预设值,就可以省去麻烦且复杂的配置工作,得到符合预期的产物。"]
1583
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
1584
+ id: "构建预设的字符串形式",
1585
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1586
+ className: "header-anchor",
1587
+ "aria-hidden": "true",
1588
+ href: "#构建预设的字符串形式",
1589
+ children: "#"
1590
+ }), "构建预设的字符串形式"]
1591
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1592
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1593
+ children: "构建预设的值可以是字符串形式"
1594
+ }), ",因此这样形式的构建预设叫做预设字符串。"]
1595
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1596
+ children: ["模块工程解决方案根据 npm 包使用的通用场景,提供了通用的构建预设字符串以及相应的变体。目前支持的所有预设字符串可以通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1597
+ href: "/api/config/build-config.html",
1598
+ children: "BuildPreset API"
1599
+ }), " 查看。这里讲解一下关于", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1600
+ children: "通用的预设字符串与变体之间的关系"
1601
+ }), "。"]
1602
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1603
+ children: ["在通用的预设字符串中,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1604
+ children: "\"npm-library\""
1605
+ }), " 可以用于在开发库类型的 npm 包的场景下使用,它适合大多数普通的模块类型项目。当设置 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1606
+ children: "\"npm-library\""
1607
+ }), " 的时候,项目的输出产物会有以下特点:"]
1608
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
1609
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1610
+ children: ["在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1611
+ children: "dist/lib"
1612
+ }), " 目录下会得到代码格式为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1613
+ children: "cjs"
1614
+ }), "、语法支持到 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1615
+ children: "es6"
1616
+ }), " 且经过打包处理后的产物。"]
1617
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1618
+ children: ["在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1619
+ children: "dist/es"
1620
+ }), " 目录下会得到代码格式为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1621
+ children: "esm"
1622
+ }), "、语法支持为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1623
+ children: "es6"
1624
+ }), " 且经过打包处理后的产物。"]
1625
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1626
+ children: ["在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1627
+ children: "dist/types"
1628
+ }), " 目录下会得到类型文件。如果不是 TypeScript 项目,则没有该目录。"]
1629
+ }), "\n"]
1630
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1631
+ children: ["而预设字符串 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1632
+ children: "\"npm-library\""
1633
+ }), " 对应的变体则是在原本产物的基础上修改了", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1634
+ children: "代码语法支持"
1635
+ }), "这一特点,同时在字符串命名上也变为了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1636
+ children: "\"npm-library-[es5 | es2016...es2020 | esnext]\""
1637
+ }), " 这样的形式。"]
1638
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1639
+ children: ["例如,如果在预设字符串 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1640
+ children: "\"npm-library\""
1641
+ }), " 对应的输出产物基础上,让产物代码支持的语法变为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1642
+ children: "es2017"
1643
+ }), " 的话,那么只需要将 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1644
+ children: "\"npm-library\""
1645
+ }), " 改变为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1646
+ children: "\"npm-library-es2017\""
1647
+ }), " 就可以了。"]
1648
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
1649
+ id: "构建预设的函数形式",
1650
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1651
+ className: "header-anchor",
1652
+ "aria-hidden": "true",
1653
+ href: "#构建预设的函数形式",
1654
+ children: "#"
1655
+ }), "构建预设的函数形式"]
1656
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1657
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1658
+ children: "除了字符串形式以外,构建预设的值也可以是函数形式,在函数中可以打印或者修改某个预设值对应的具体配置"
1659
+ }), "。"]
1660
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1661
+ children: ["例如,如果使用预设函数的形式达到预设字符串 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1662
+ children: "\"npm-library-es2017\""
1663
+ }), " 同样的效果,可以按照如下的方式:"]
1664
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1665
+ codeConfig: chCodeConfig,
1666
+ northPanel: {
1667
+ "tabs": [""],
1668
+ "active": "",
1669
+ "heightRatio": 1
1670
+ },
1671
+ files: [{
1672
+ "name": "",
1673
+ "focus": "",
1674
+ "code": {
1675
+ "lines": [{
1676
+ "tokens": [{
1677
+ "content": "import",
1678
+ "props": {
1679
+ "style": {
1680
+ "color": "#81A1C1"
1681
+ }
1682
+ }
1683
+ }, {
1684
+ "content": " ",
1685
+ "props": {
1686
+ "style": {
1687
+ "color": "#D8DEE9FF"
1688
+ }
1689
+ }
1690
+ }, {
1691
+ "content": "{",
1692
+ "props": {
1693
+ "style": {
1694
+ "color": "#ECEFF4"
1695
+ }
1696
+ }
1697
+ }, {
1698
+ "content": " ",
1699
+ "props": {
1700
+ "style": {
1701
+ "color": "#D8DEE9FF"
1702
+ }
1703
+ }
1704
+ }, {
1705
+ "content": "defineConfig",
1706
+ "props": {
1707
+ "style": {
1708
+ "color": "#D8DEE9"
1709
+ }
1710
+ }
1711
+ }, {
1712
+ "content": " ",
1713
+ "props": {
1714
+ "style": {
1715
+ "color": "#D8DEE9FF"
1716
+ }
1717
+ }
1718
+ }, {
1719
+ "content": "}",
1720
+ "props": {
1721
+ "style": {
1722
+ "color": "#ECEFF4"
1723
+ }
1724
+ }
1725
+ }, {
1726
+ "content": " ",
1727
+ "props": {
1728
+ "style": {
1729
+ "color": "#D8DEE9FF"
1730
+ }
1731
+ }
1732
+ }, {
1733
+ "content": "from",
1734
+ "props": {
1735
+ "style": {
1736
+ "color": "#81A1C1"
1737
+ }
1738
+ }
1739
+ }, {
1740
+ "content": " ",
1741
+ "props": {
1742
+ "style": {
1743
+ "color": "#D8DEE9FF"
1744
+ }
1745
+ }
1746
+ }, {
1747
+ "content": "'",
1748
+ "props": {
1749
+ "style": {
1750
+ "color": "#ECEFF4"
1751
+ }
1752
+ }
1753
+ }, {
1754
+ "content": "@modern-js/module-tools",
1755
+ "props": {
1756
+ "style": {
1757
+ "color": "#A3BE8C"
1758
+ }
1759
+ }
1760
+ }, {
1761
+ "content": "'",
1762
+ "props": {
1763
+ "style": {
1764
+ "color": "#ECEFF4"
1765
+ }
1766
+ }
1767
+ }, {
1768
+ "content": ";",
1769
+ "props": {
1770
+ "style": {
1771
+ "color": "#81A1C1"
1772
+ }
1773
+ }
1774
+ }]
1775
+ }, {
1776
+ "tokens": []
1777
+ }, {
1778
+ "tokens": [{
1779
+ "content": "export",
1780
+ "props": {
1781
+ "style": {
1782
+ "color": "#81A1C1"
1783
+ }
1784
+ }
1785
+ }, {
1786
+ "content": " ",
1787
+ "props": {
1788
+ "style": {
1789
+ "color": "#D8DEE9FF"
1790
+ }
1791
+ }
1792
+ }, {
1793
+ "content": "default",
1794
+ "props": {
1795
+ "style": {
1796
+ "color": "#81A1C1"
1797
+ }
1798
+ }
1799
+ }, {
1800
+ "content": " ",
1801
+ "props": {
1802
+ "style": {
1803
+ "color": "#D8DEE9FF"
1804
+ }
1805
+ }
1806
+ }, {
1807
+ "content": "defineConfig",
1808
+ "props": {
1809
+ "style": {
1810
+ "color": "#88C0D0"
1811
+ }
1812
+ }
1813
+ }, {
1814
+ "content": "(",
1815
+ "props": {
1816
+ "style": {
1817
+ "color": "#D8DEE9FF"
1818
+ }
1819
+ }
1820
+ }, {
1821
+ "content": "{",
1822
+ "props": {
1823
+ "style": {
1824
+ "color": "#ECEFF4"
1825
+ }
1826
+ }
1827
+ }]
1828
+ }, {
1829
+ "tokens": [{
1830
+ "content": " ",
1831
+ "props": {
1832
+ "style": {
1833
+ "color": "#D8DEE9FF"
1834
+ }
1835
+ }
1836
+ }, {
1837
+ "content": "buildPreset",
1838
+ "props": {
1839
+ "style": {
1840
+ "color": "#88C0D0"
1841
+ }
1842
+ }
1843
+ }, {
1844
+ "content": "({",
1845
+ "props": {
1846
+ "style": {
1847
+ "color": "#ECEFF4"
1848
+ }
1849
+ }
1850
+ }, {
1851
+ "content": " ",
1852
+ "props": {
1853
+ "style": {
1854
+ "color": "#D8DEE9FF"
1855
+ }
1856
+ }
1857
+ }, {
1858
+ "content": "preset",
1859
+ "props": {
1860
+ "style": {
1861
+ "color": "#D8DEE9"
1862
+ }
1863
+ }
1864
+ }, {
1865
+ "content": " ",
1866
+ "props": {
1867
+ "style": {
1868
+ "color": "#D8DEE9FF"
1869
+ }
1870
+ }
1871
+ }, {
1872
+ "content": "})",
1873
+ "props": {
1874
+ "style": {
1875
+ "color": "#ECEFF4"
1876
+ }
1877
+ }
1878
+ }, {
1879
+ "content": " ",
1880
+ "props": {
1881
+ "style": {
1882
+ "color": "#D8DEE9FF"
1883
+ }
1884
+ }
1885
+ }, {
1886
+ "content": "{",
1887
+ "props": {
1888
+ "style": {
1889
+ "color": "#ECEFF4"
1890
+ }
1891
+ }
1892
+ }]
1893
+ }, {
1894
+ "tokens": [{
1895
+ "content": " ",
1896
+ "props": {
1897
+ "style": {
1898
+ "color": "#D8DEE9FF"
1899
+ }
1900
+ }
1901
+ }, {
1902
+ "content": "return",
1903
+ "props": {
1904
+ "style": {
1905
+ "color": "#81A1C1"
1906
+ }
1907
+ }
1908
+ }, {
1909
+ "content": " ",
1910
+ "props": {
1911
+ "style": {
1912
+ "color": "#D8DEE9FF"
1913
+ }
1914
+ }
1915
+ }, {
1916
+ "content": "preset",
1917
+ "props": {
1918
+ "style": {
1919
+ "color": "#D8DEE9"
1920
+ }
1921
+ }
1922
+ }, {
1923
+ "content": ".",
1924
+ "props": {
1925
+ "style": {
1926
+ "color": "#ECEFF4"
1927
+ }
1928
+ }
1929
+ }, {
1930
+ "content": "NPM_LIBRARY",
1931
+ "props": {
1932
+ "style": {
1933
+ "color": "#D8DEE9"
1934
+ }
1935
+ }
1936
+ }, {
1937
+ "content": ".",
1938
+ "props": {
1939
+ "style": {
1940
+ "color": "#ECEFF4"
1941
+ }
1942
+ }
1943
+ }, {
1944
+ "content": "map",
1945
+ "props": {
1946
+ "style": {
1947
+ "color": "#88C0D0"
1948
+ }
1949
+ }
1950
+ }, {
1951
+ "content": "(",
1952
+ "props": {
1953
+ "style": {
1954
+ "color": "#D8DEE9FF"
1955
+ }
1956
+ }
1957
+ }, {
1958
+ "content": "config",
1959
+ "props": {
1960
+ "style": {
1961
+ "color": "#D8DEE9"
1962
+ }
1963
+ }
1964
+ }, {
1965
+ "content": " ",
1966
+ "props": {
1967
+ "style": {
1968
+ "color": "#D8DEE9FF"
1969
+ }
1970
+ }
1971
+ }, {
1972
+ "content": "=>",
1973
+ "props": {
1974
+ "style": {
1975
+ "color": "#81A1C1"
1976
+ }
1977
+ }
1978
+ }, {
1979
+ "content": " ",
1980
+ "props": {
1981
+ "style": {
1982
+ "color": "#D8DEE9FF"
1983
+ }
1984
+ }
1985
+ }, {
1986
+ "content": "{",
1987
+ "props": {
1988
+ "style": {
1989
+ "color": "#ECEFF4"
1990
+ }
1991
+ }
1992
+ }]
1993
+ }, {
1994
+ "tokens": [{
1995
+ "content": " ",
1996
+ "props": {
1997
+ "style": {
1998
+ "color": "#D8DEE9FF"
1999
+ }
2000
+ }
2001
+ }, {
2002
+ "content": "return",
2003
+ "props": {
2004
+ "style": {
2005
+ "color": "#81A1C1"
2006
+ }
2007
+ }
2008
+ }, {
2009
+ "content": " ",
2010
+ "props": {
2011
+ "style": {
2012
+ "color": "#D8DEE9FF"
2013
+ }
2014
+ }
2015
+ }, {
2016
+ "content": "{",
2017
+ "props": {
2018
+ "style": {
2019
+ "color": "#ECEFF4"
2020
+ }
2021
+ }
2022
+ }, {
2023
+ "content": " ",
2024
+ "props": {
2025
+ "style": {
2026
+ "color": "#D8DEE9FF"
2027
+ }
2028
+ }
2029
+ }, {
2030
+ "content": "...",
2031
+ "props": {
2032
+ "style": {
2033
+ "color": "#81A1C1"
2034
+ }
2035
+ }
2036
+ }, {
2037
+ "content": "config",
2038
+ "props": {
2039
+ "style": {
2040
+ "color": "#D8DEE9"
2041
+ }
2042
+ }
2043
+ }, {
2044
+ "content": ",",
2045
+ "props": {
2046
+ "style": {
2047
+ "color": "#ECEFF4"
2048
+ }
2049
+ }
2050
+ }, {
2051
+ "content": " ",
2052
+ "props": {
2053
+ "style": {
2054
+ "color": "#D8DEE9FF"
2055
+ }
2056
+ }
2057
+ }, {
2058
+ "content": "target",
2059
+ "props": {
2060
+ "style": {
2061
+ "color": "#D8DEE9"
2062
+ }
2063
+ }
2064
+ }, {
2065
+ "content": ":",
2066
+ "props": {
2067
+ "style": {
2068
+ "color": "#ECEFF4"
2069
+ }
2070
+ }
2071
+ }, {
2072
+ "content": " ",
2073
+ "props": {
2074
+ "style": {
2075
+ "color": "#D8DEE9FF"
2076
+ }
2077
+ }
2078
+ }, {
2079
+ "content": "'",
2080
+ "props": {
2081
+ "style": {
2082
+ "color": "#ECEFF4"
2083
+ }
2084
+ }
2085
+ }, {
2086
+ "content": "es2017",
2087
+ "props": {
2088
+ "style": {
2089
+ "color": "#A3BE8C"
2090
+ }
2091
+ }
2092
+ }, {
2093
+ "content": "'",
2094
+ "props": {
2095
+ "style": {
2096
+ "color": "#ECEFF4"
2097
+ }
2098
+ }
2099
+ }, {
2100
+ "content": " ",
2101
+ "props": {
2102
+ "style": {
2103
+ "color": "#D8DEE9FF"
2104
+ }
2105
+ }
2106
+ }, {
2107
+ "content": "}",
2108
+ "props": {
2109
+ "style": {
2110
+ "color": "#ECEFF4"
2111
+ }
2112
+ }
2113
+ }, {
2114
+ "content": ";",
2115
+ "props": {
2116
+ "style": {
2117
+ "color": "#81A1C1"
2118
+ }
2119
+ }
2120
+ }]
2121
+ }, {
2122
+ "tokens": [{
2123
+ "content": " ",
2124
+ "props": {
2125
+ "style": {
2126
+ "color": "#D8DEE9FF"
2127
+ }
2128
+ }
2129
+ }, {
2130
+ "content": "}",
2131
+ "props": {
2132
+ "style": {
2133
+ "color": "#ECEFF4"
2134
+ }
2135
+ }
2136
+ }, {
2137
+ "content": ")",
2138
+ "props": {
2139
+ "style": {
2140
+ "color": "#D8DEE9FF"
2141
+ }
2142
+ }
2143
+ }, {
2144
+ "content": ";",
2145
+ "props": {
2146
+ "style": {
2147
+ "color": "#81A1C1"
2148
+ }
2149
+ }
2150
+ }]
2151
+ }, {
2152
+ "tokens": [{
2153
+ "content": " ",
2154
+ "props": {
2155
+ "style": {
2156
+ "color": "#D8DEE9FF"
2157
+ }
2158
+ }
2159
+ }, {
2160
+ "content": "},",
2161
+ "props": {
2162
+ "style": {
2163
+ "color": "#ECEFF4"
2164
+ }
2165
+ }
2166
+ }]
2167
+ }, {
2168
+ "tokens": [{
2169
+ "content": "}",
2170
+ "props": {
2171
+ "style": {
2172
+ "color": "#ECEFF4"
2173
+ }
2174
+ }
2175
+ }, {
2176
+ "content": ")",
2177
+ "props": {
2178
+ "style": {
2179
+ "color": "#D8DEE9FF"
2180
+ }
2181
+ }
2182
+ }, {
2183
+ "content": ";",
2184
+ "props": {
2185
+ "style": {
2186
+ "color": "#81A1C1"
2187
+ }
2188
+ }
2189
+ }]
2190
+ }],
2191
+ "lang": "typescript"
2192
+ },
2193
+ "annotations": []
2194
+ }]
2195
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2196
+ children: ["在上面的代码实现中,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2197
+ children: "preset.NPM_LIBRARY"
2198
+ }), " 与预设字符串 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2199
+ children: "\"npm-library\""
2200
+ }), " 是相对应的,它代表着 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2201
+ children: "\"npm-library\""
2202
+ }), " 等价的多组构建相关的配置。我们通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2203
+ children: "map"
2204
+ }), " 方法遍历了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2205
+ children: "NPM_LIBRARY"
2206
+ }), " 这个数组,在这个数组中包含了多个 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2207
+ children: "buildConfig"
2208
+ }), " 对象。我们将原本的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2209
+ children: "buildConfig"
2210
+ }), " 对象进行了浅拷贝并修改了浅拷贝后得到 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2211
+ children: "buildConfig.target"
2212
+ }), ",将它指定为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2213
+ children: "es2017"
2214
+ }), "。"]
2215
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.blockquote, {
2216
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2217
+ children: ["关于 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2218
+ children: "preset.NPM_LIBRARY"
2219
+ }), " 具体对应的值,可以通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2220
+ href: "/api/config/build-config.html",
2221
+ children: "BuildPreset API"
2222
+ }), " 查看。在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2223
+ children: "preset"
2224
+ }), " 对象下不仅包含了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2225
+ children: "NPM_LIBRARY"
2226
+ }), ",还包含了其他类似的常量。"]
2227
+ }), "\n"]
2228
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2229
+ children: ["那么这里的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2230
+ children: "buildConfig"
2231
+ }), " 对象是什么呢?之前提到的构建产物特点又是根据什么呢?"]
2232
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2233
+ children: "接下来我们解释一下。"
2234
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
2235
+ id: "构建配置对象",
2236
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2237
+ className: "header-anchor",
2238
+ "aria-hidden": "true",
2239
+ href: "#构建配置对象",
2240
+ children: "#"
2241
+ }), "构建配置(对象)"]
2242
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2243
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.strong, {
2244
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2245
+ children: "buildConfig"
2246
+ }), " 是一个用来描述如何编译、生成构建产物的配置对象"]
2247
+ }), "。在最开始提到的关于“", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.em, {
2248
+ children: "构建产物的特点"
2249
+ }), "”,其实都是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2250
+ children: "buildConfig"
2251
+ }), " 所支持的属性。目前所支持的属性覆盖了大部分模块类型项目在构建产物时的需求,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2252
+ children: "buildConfig"
2253
+ }), " 不仅包含一些产物所具备的属性,也包含了构建产物所需要的一些特性功能。接下来从分类的角度简单罗列一下:"]
2254
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2255
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
2256
+ children: "构建产物的基本属性包括:"
2257
+ })
2258
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2259
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2260
+ children: ["产物是否被打包:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2261
+ href: "/api/config/build-config#buildtype.html",
2262
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2263
+ children: "buildConfig.buildType"
2264
+ })
2265
+ }), "。"]
2266
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2267
+ children: ["产物对于语法的支持:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2268
+ href: "/api/config/build-config#target.html",
2269
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2270
+ children: "buildConfig.target"
2271
+ })
2272
+ }), "。"]
2273
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2274
+ children: ["产物格式:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2275
+ href: "/api/config/build-config#format.html",
2276
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2277
+ children: "buildConfig.format"
2278
+ })
2279
+ }), "。"]
2280
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2281
+ children: ["产物类型文件如何处理,对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2282
+ href: "/api/config/build-config#dts.html",
2283
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2284
+ children: "buildConfig.dts"
2285
+ })
2286
+ }), "。"]
2287
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2288
+ children: ["产物的 sourceMap 如何处理:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2289
+ href: "/api/config/build-config#sourcemap.html",
2290
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2291
+ children: "buildConfig.sourceMap"
2292
+ })
2293
+ }), "。"]
2294
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2295
+ children: ["产物对应的输入(或者是源文件):对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2296
+ href: "/api/config/build-config#input.html",
2297
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2298
+ children: "buildConfig.input"
2299
+ })
2300
+ }), "。"]
2301
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2302
+ children: ["产物输出的目录:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2303
+ href: "/api/config/build-config#outDir.html",
2304
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2305
+ children: "buildConfig.outDir"
2306
+ })
2307
+ }), "。"]
2308
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2309
+ children: ["构建的源码目录:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2310
+ href: "/api/config/build-config#sourcedir.html",
2311
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2312
+ children: "buildConfig.sourceDir"
2313
+ })
2314
+ }), "。"]
2315
+ }), "\n"]
2316
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2317
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
2318
+ children: "构建产物所需的常用功能包括:"
2319
+ })
2320
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2321
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2322
+ children: ["别名:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2323
+ href: "/api/config/build-config#alias.html",
2324
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2325
+ children: "buildConfig.alias"
2326
+ })
2327
+ }), "。"]
2328
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2329
+ children: ["静态资源处理:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2330
+ href: "/api/config/build-config#asset.html",
2331
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2332
+ children: "buildConfig.asset"
2333
+ })
2334
+ }), "。"]
2335
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2336
+ children: ["第三方依赖处理:对应的 API 有:", "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2337
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2338
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2339
+ href: "/api/config/build-config#autoexternal.html",
2340
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2341
+ children: "buildConfig.autoExternal"
2342
+ })
2343
+ }), "。"]
2344
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2345
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2346
+ href: "/api/config/build-config#externals.html",
2347
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2348
+ children: "buildConfig.externals"
2349
+ })
2350
+ }), "。"]
2351
+ }), "\n"]
2352
+ }), "\n"]
2353
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2354
+ children: ["拷贝:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2355
+ href: "/api/config/build-config#copy.html",
2356
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2357
+ children: "buildConfig.copy"
2358
+ })
2359
+ }), "。"]
2360
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2361
+ children: ["全局变量替换:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2362
+ href: "/api/config/build-config#define.html",
2363
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2364
+ children: "buildConfig.define"
2365
+ })
2366
+ }), "。"]
2367
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2368
+ children: ["指定 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2369
+ href: "https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html",
2370
+ children: "JSX"
2371
+ }), " 编译方式,对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2372
+ href: "/api/config/build-config#jsx.html",
2373
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2374
+ children: "buildConfig.jsx"
2375
+ })
2376
+ }), "。"]
2377
+ }), "\n"]
2378
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2379
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
2380
+ children: "一些高级属性或者使用频率不高的功能:"
2381
+ })
2382
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2383
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2384
+ children: ["产物代码压缩:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2385
+ href: "/api/config/build-config#minify.html",
2386
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2387
+ children: "buildConfig.minify"
2388
+ })
2389
+ }), "。"]
2390
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2391
+ children: ["代码分割:", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2392
+ href: "/api/config/build-config#splitting.html",
2393
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2394
+ children: "buildConfig.spitting"
2395
+ })
2396
+ })]
2397
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2398
+ children: ["指定构建产物用于 NodeJS 环境还是浏览器环境:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2399
+ href: "/api/config/build-config#platform.html",
2400
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2401
+ children: "buildConfig.platform"
2402
+ })
2403
+ }), "。"]
2404
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2405
+ children: ["umd 产物相关:", "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2406
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2407
+ children: ["指定 umd 产物外部导入的全局变量:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2408
+ href: "/api/config/build-config#umdglobals.html",
2409
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2410
+ children: "buildConfig.umdGlobals"
2411
+ })
2412
+ }), "。"]
2413
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2414
+ children: ["指定 umd 产物的模块名:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2415
+ href: "/api/config/build-config#umdmodulename.html",
2416
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2417
+ children: "buildConfig.umdModuleName"
2418
+ })
2419
+ }), "。"]
2420
+ }), "\n"]
2421
+ }), "\n"]
2422
+ }), "\n"]
2423
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2424
+ children: "除了以上分类以外,关于这些 API 的常见问题和最佳实践可以通过下面的链接来了解,敬请期待。"
2425
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2426
+ children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2427
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.a, {
2428
+ href: "/guide/advance/in-depth-about-build#bundle-%E5%92%8C-bundleless.html",
2429
+ children: ["什么是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2430
+ children: "bundle"
2431
+ }), " 和 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2432
+ children: "bundleless"
2433
+ }), "?"]
2434
+ })
2435
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2436
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.a, {
2437
+ href: "/guide/advance/in-depth-about-build#input-%E4%B8%8E-sourcedir-%E7%9A%84%E5%85%B3%E7%B3%BB.html",
2438
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2439
+ children: "input"
2440
+ }), " 与 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2441
+ children: "sourceDir"
2442
+ }), " 的关系"]
2443
+ }), "。"]
2444
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2445
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2446
+ href: "/guide/advance/in-depth-about-build#%E7%B1%BB%E5%9E%8B%E6%96%87%E4%BB%B6.html",
2447
+ children: "产物中类型文件的多种生成方式"
2448
+ }), "。"]
2449
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2450
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.a, {
2451
+ href: "/guide/advance/in-depth-about-build#buildconfigdefine-%E4%B8%8D%E5%90%8C%E5%9C%BA%E6%99%AF%E7%9A%84%E4%BD%BF%E7%94%A8%E6%96%B9%E5%BC%8F.html",
2452
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2453
+ children: "buildConfig.define"
2454
+ }), " 不同场景的使用方式。"]
2455
+ })
2456
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2457
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2458
+ href: "/guide/advance/external-dependency.html",
2459
+ children: "如何处理第三方依赖?"
2460
+ })
2461
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2462
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2463
+ href: "/guide/advance/copy.html",
2464
+ children: "如何使用拷贝?"
2465
+ })
2466
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2467
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2468
+ href: "/guide/advance/build-umd#%E8%AE%BE%E7%BD%AE%E9%A1%B9%E7%9B%AE%E7%9A%84%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F%E5%90%8D%E7%A7%B0.html",
2469
+ children: "如何构建 umd 产物?"
2470
+ })
2471
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2472
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2473
+ href: "/guide/advance/asset.html",
2474
+ children: "静态资源目前所支持的能力。"
2475
+ })
2476
+ }), "\n"]
2477
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
2478
+ id: "什么时候使用-buildconfig",
2479
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2480
+ className: "header-anchor",
2481
+ "aria-hidden": "true",
2482
+ href: "#什么时候使用-buildconfig",
2483
+ children: "#"
2484
+ }), "什么时候使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2485
+ children: "buildConfig"
2486
+ })]
2487
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2488
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2489
+ children: "buildConfig"
2490
+ }), " 是用于修改产物的方式之一,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.strong, {
2491
+ children: ["当与 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2492
+ children: "buildPreset"
2493
+ }), " 配置同时存在的时候,只有 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2494
+ children: "buildConfig"
2495
+ }), " 才会生效"]
2496
+ }), "。因此如果按照如下方式配置:"]
2497
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
2498
+ codeConfig: chCodeConfig,
2499
+ northPanel: {
2500
+ "tabs": [""],
2501
+ "active": "",
2502
+ "heightRatio": 1
2503
+ },
2504
+ files: [{
2505
+ "name": "",
2506
+ "focus": "",
2507
+ "code": {
2508
+ "lines": [{
2509
+ "tokens": [{
2510
+ "content": "import",
2511
+ "props": {
2512
+ "style": {
2513
+ "color": "#81A1C1"
2514
+ }
2515
+ }
2516
+ }, {
2517
+ "content": " ",
2518
+ "props": {
2519
+ "style": {
2520
+ "color": "#D8DEE9FF"
2521
+ }
2522
+ }
2523
+ }, {
2524
+ "content": "{",
2525
+ "props": {
2526
+ "style": {
2527
+ "color": "#ECEFF4"
2528
+ }
2529
+ }
2530
+ }, {
2531
+ "content": " ",
2532
+ "props": {
2533
+ "style": {
2534
+ "color": "#D8DEE9FF"
2535
+ }
2536
+ }
2537
+ }, {
2538
+ "content": "defineConfig",
2539
+ "props": {
2540
+ "style": {
2541
+ "color": "#D8DEE9"
2542
+ }
2543
+ }
2544
+ }, {
2545
+ "content": " ",
2546
+ "props": {
2547
+ "style": {
2548
+ "color": "#D8DEE9FF"
2549
+ }
2550
+ }
2551
+ }, {
2552
+ "content": "}",
2553
+ "props": {
2554
+ "style": {
2555
+ "color": "#ECEFF4"
2556
+ }
2557
+ }
2558
+ }, {
2559
+ "content": " ",
2560
+ "props": {
2561
+ "style": {
2562
+ "color": "#D8DEE9FF"
2563
+ }
2564
+ }
2565
+ }, {
2566
+ "content": "from",
2567
+ "props": {
2568
+ "style": {
2569
+ "color": "#81A1C1"
2570
+ }
2571
+ }
2572
+ }, {
2573
+ "content": " ",
2574
+ "props": {
2575
+ "style": {
2576
+ "color": "#D8DEE9FF"
2577
+ }
2578
+ }
2579
+ }, {
2580
+ "content": "'",
2581
+ "props": {
2582
+ "style": {
2583
+ "color": "#ECEFF4"
2584
+ }
2585
+ }
2586
+ }, {
2587
+ "content": "@modern-js/module-tools",
2588
+ "props": {
2589
+ "style": {
2590
+ "color": "#A3BE8C"
2591
+ }
2592
+ }
2593
+ }, {
2594
+ "content": "'",
2595
+ "props": {
2596
+ "style": {
2597
+ "color": "#ECEFF4"
2598
+ }
2599
+ }
2600
+ }, {
2601
+ "content": ";",
2602
+ "props": {
2603
+ "style": {
2604
+ "color": "#81A1C1"
2605
+ }
2606
+ }
2607
+ }]
2608
+ }, {
2609
+ "tokens": []
2610
+ }, {
2611
+ "tokens": [{
2612
+ "content": "export",
2613
+ "props": {
2614
+ "style": {
2615
+ "color": "#81A1C1"
2616
+ }
2617
+ }
2618
+ }, {
2619
+ "content": " ",
2620
+ "props": {
2621
+ "style": {
2622
+ "color": "#D8DEE9FF"
2623
+ }
2624
+ }
2625
+ }, {
2626
+ "content": "default",
2627
+ "props": {
2628
+ "style": {
2629
+ "color": "#81A1C1"
2630
+ }
2631
+ }
2632
+ }, {
2633
+ "content": " ",
2634
+ "props": {
2635
+ "style": {
2636
+ "color": "#D8DEE9FF"
2637
+ }
2638
+ }
2639
+ }, {
2640
+ "content": "defineConfig",
2641
+ "props": {
2642
+ "style": {
2643
+ "color": "#88C0D0"
2644
+ }
2645
+ }
2646
+ }, {
2647
+ "content": "(",
2648
+ "props": {
2649
+ "style": {
2650
+ "color": "#D8DEE9FF"
2651
+ }
2652
+ }
2653
+ }, {
2654
+ "content": "{",
2655
+ "props": {
2656
+ "style": {
2657
+ "color": "#ECEFF4"
2658
+ }
2659
+ }
2660
+ }]
2661
+ }, {
2662
+ "tokens": [{
2663
+ "content": " ",
2664
+ "props": {
2665
+ "style": {
2666
+ "color": "#D8DEE9FF"
2667
+ }
2668
+ }
2669
+ }, {
2670
+ "content": "buildConfig",
2671
+ "props": {
2672
+ "style": {
2673
+ "color": "#D8DEE9"
2674
+ }
2675
+ }
2676
+ }, {
2677
+ "content": ":",
2678
+ "props": {
2679
+ "style": {
2680
+ "color": "#ECEFF4"
2681
+ }
2682
+ }
2683
+ }, {
2684
+ "content": " [",
2685
+ "props": {
2686
+ "style": {
2687
+ "color": "#D8DEE9FF"
2688
+ }
2689
+ }
2690
+ }, {
2691
+ "content": "{}",
2692
+ "props": {
2693
+ "style": {
2694
+ "color": "#ECEFF4"
2695
+ }
2696
+ }
2697
+ }, {
2698
+ "content": "]",
2699
+ "props": {
2700
+ "style": {
2701
+ "color": "#D8DEE9FF"
2702
+ }
2703
+ }
2704
+ }, {
2705
+ "content": ",",
2706
+ "props": {
2707
+ "style": {
2708
+ "color": "#ECEFF4"
2709
+ }
2710
+ }
2711
+ }]
2712
+ }, {
2713
+ "tokens": [{
2714
+ "content": " ",
2715
+ "props": {
2716
+ "style": {
2717
+ "color": "#D8DEE9FF"
2718
+ }
2719
+ }
2720
+ }, {
2721
+ "content": "buildPreset",
2722
+ "props": {
2723
+ "style": {
2724
+ "color": "#D8DEE9"
2725
+ }
2726
+ }
2727
+ }, {
2728
+ "content": ":",
2729
+ "props": {
2730
+ "style": {
2731
+ "color": "#ECEFF4"
2732
+ }
2733
+ }
2734
+ }, {
2735
+ "content": " ",
2736
+ "props": {
2737
+ "style": {
2738
+ "color": "#D8DEE9FF"
2739
+ }
2740
+ }
2741
+ }, {
2742
+ "content": "'",
2743
+ "props": {
2744
+ "style": {
2745
+ "color": "#ECEFF4"
2746
+ }
2747
+ }
2748
+ }, {
2749
+ "content": "base-config",
2750
+ "props": {
2751
+ "style": {
2752
+ "color": "#A3BE8C"
2753
+ }
2754
+ }
2755
+ }, {
2756
+ "content": "'",
2757
+ "props": {
2758
+ "style": {
2759
+ "color": "#ECEFF4"
2760
+ }
2761
+ }
2762
+ }, {
2763
+ "content": ",",
2764
+ "props": {
2765
+ "style": {
2766
+ "color": "#ECEFF4"
2767
+ }
2768
+ }
2769
+ }]
2770
+ }, {
2771
+ "tokens": [{
2772
+ "content": "}",
2773
+ "props": {
2774
+ "style": {
2775
+ "color": "#ECEFF4"
2776
+ }
2777
+ }
2778
+ }, {
2779
+ "content": ")",
2780
+ "props": {
2781
+ "style": {
2782
+ "color": "#D8DEE9FF"
2783
+ }
2784
+ }
2785
+ }, {
2786
+ "content": ";",
2787
+ "props": {
2788
+ "style": {
2789
+ "color": "#81A1C1"
2790
+ }
2791
+ }
2792
+ }]
2793
+ }],
2794
+ "lang": "typescript"
2795
+ },
2796
+ "annotations": []
2797
+ }]
2798
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2799
+ children: "那么此时就会看到如下提示:"
2800
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
2801
+ codeConfig: chCodeConfig,
2802
+ northPanel: {
2803
+ "tabs": [""],
2804
+ "active": "",
2805
+ "heightRatio": 1
2806
+ },
2807
+ files: [{
2808
+ "name": "",
2809
+ "focus": "",
2810
+ "code": {
2811
+ "lines": [{
2812
+ "tokens": [{
2813
+ "content": "因为同时出现 ",
2814
+ "props": {
2815
+ "style": {
2816
+ "color": "#D8DEE9FF"
2817
+ }
2818
+ }
2819
+ }, {
2820
+ "content": "'",
2821
+ "props": {
2822
+ "style": {
2823
+ "color": "#ECEFF4"
2824
+ }
2825
+ }
2826
+ }, {
2827
+ "content": "buildConfig",
2828
+ "props": {
2829
+ "style": {
2830
+ "color": "#A3BE8C"
2831
+ }
2832
+ }
2833
+ }, {
2834
+ "content": "'",
2835
+ "props": {
2836
+ "style": {
2837
+ "color": "#ECEFF4"
2838
+ }
2839
+ }
2840
+ }, {
2841
+ "content": " 和 ",
2842
+ "props": {
2843
+ "style": {
2844
+ "color": "#D8DEE9FF"
2845
+ }
2846
+ }
2847
+ }, {
2848
+ "content": "'",
2849
+ "props": {
2850
+ "style": {
2851
+ "color": "#ECEFF4"
2852
+ }
2853
+ }
2854
+ }, {
2855
+ "content": "buildPreset",
2856
+ "props": {
2857
+ "style": {
2858
+ "color": "#A3BE8C"
2859
+ }
2860
+ }
2861
+ }, {
2862
+ "content": "'",
2863
+ "props": {
2864
+ "style": {
2865
+ "color": "#ECEFF4"
2866
+ }
2867
+ }
2868
+ }, {
2869
+ "content": " 配置,因此仅 ",
2870
+ "props": {
2871
+ "style": {
2872
+ "color": "#D8DEE9FF"
2873
+ }
2874
+ }
2875
+ }, {
2876
+ "content": "'",
2877
+ "props": {
2878
+ "style": {
2879
+ "color": "#ECEFF4"
2880
+ }
2881
+ }
2882
+ }, {
2883
+ "content": "buildConfig",
2884
+ "props": {
2885
+ "style": {
2886
+ "color": "#A3BE8C"
2887
+ }
2888
+ }
2889
+ }, {
2890
+ "content": "'",
2891
+ "props": {
2892
+ "style": {
2893
+ "color": "#ECEFF4"
2894
+ }
2895
+ }
2896
+ }, {
2897
+ "content": " 配置生效",
2898
+ "props": {
2899
+ "style": {
2900
+ "color": "#D8DEE9FF"
2901
+ }
2902
+ }
2903
+ }]
2904
+ }],
2905
+ "lang": "bash"
2906
+ },
2907
+ "annotations": []
2908
+ }]
2909
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2910
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2911
+ children: "buildPreset"
2912
+ }), " 代表的一组或者多组构建相关的配置都是由 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2913
+ children: "buildConfig"
2914
+ }), " 组成,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.strong, {
2915
+ children: ["当使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2916
+ children: "buildPreset"
2917
+ }), " 无法满足当前项目需求的时候,就可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2918
+ children: "buildConfig"
2919
+ }), " 来自定义输出产物"]
2920
+ }), "。"]
2921
+ }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2922
+ children: ["在使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2923
+ children: "buildConfig"
2924
+ }), " 的过程,就是对“", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.em, {
2925
+ children: "获得怎样的构建产物"
2926
+ }), "”的思考过程。"]
2927
+ })]
2928
+ });
2929
+ }
2930
+ function MDXContent() {
2931
+ var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
2932
+ var _ref = props.components || {},
2933
+ MDXLayout = _ref.wrapper;
2934
+ return MDXLayout ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MDXLayout, Object.assign({}, props, {
2935
+ children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_createMdxContent, props)
2936
+ })) : _createMdxContent(props);
2937
+ }
2938
+ _c = MDXContent;
2939
+ /* harmony default export */ __webpack_exports__["default"] = (MDXContent);
2940
+ function _missingMdxReference(id, component, place) {
2941
+ throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it." + (place ? "\nIt’s referenced in your code at `" + place + "` in `/Users/bytedance/modern.js/website/module-tools/docs/zh/guide/basic/modify-output-product.md`" : ""));
2942
+ }
2943
+ var _c;
2944
+ __webpack_require__.$Refresh$.register(_c, "MDXContent");
2945
+
2946
+ /***/ })
2947
+
2948
+ }]);
2949
+ //# sourceMappingURL=guide_basic_modify-output-product.js.map