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

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 (160) hide show
  1. package/docs/en/api/plugin-api/plugin-hooks.md +2 -10
  2. package/docs/en/guide/advance/in-depth-about-dev-command.md +0 -9
  3. package/docs/en/guide/basic/command-preview.md +1 -1
  4. package/docs/en/guide/basic/using-storybook.mdx +28 -6
  5. package/docs/en/guide/intro/getting-started.md +1 -1
  6. package/docs/en/index.md +14 -8
  7. package/docs/en/plugins/guide/getting-started.mdx +1 -1
  8. package/docs/zh/api/plugin-api/plugin-hooks.md +2 -10
  9. package/docs/zh/guide/advance/in-depth-about-dev-command.md +0 -8
  10. package/docs/zh/guide/basic/command-preview.md +1 -1
  11. package/docs/zh/guide/basic/using-storybook.mdx +28 -5
  12. package/docs/zh/index.md +16 -10
  13. package/docs/zh/plugins/guide/getting-started.mdx +1 -1
  14. package/modern.config.ts +4 -6
  15. package/package.json +4 -4
  16. package/doc_build/html/main/index.html +0 -16
  17. package/doc_build/route.json +0 -10
  18. package/doc_build/static/css/main.css +0 -2977
  19. package/doc_build/static/css/main.css.map +0 -1
  20. 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 +0 -68
  21. 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 +0 -1
  22. package/doc_build/static/js/async/en_api_config_build-config.js +0 -8406
  23. package/doc_build/static/js/async/en_api_config_build-config.js.map +0 -1
  24. package/doc_build/static/js/async/en_api_config_build-preset.js +0 -7865
  25. package/doc_build/static/js/async/en_api_config_build-preset.js.map +0 -1
  26. package/doc_build/static/js/async/en_api_config_design-system.js +0 -47805
  27. package/doc_build/static/js/async/en_api_config_design-system.js.map +0 -1
  28. package/doc_build/static/js/async/en_api_config_plugins.js +0 -1488
  29. package/doc_build/static/js/async/en_api_config_plugins.js.map +0 -1
  30. package/doc_build/static/js/async/en_api_config_testing.js +0 -2139
  31. package/doc_build/static/js/async/en_api_config_testing.js.map +0 -1
  32. package/doc_build/static/js/async/en_api_index.js +0 -51
  33. package/doc_build/static/js/async/en_api_index.js.map +0 -1
  34. package/doc_build/static/js/async/en_api_plugin-api_plugin-hooks.js +0 -14360
  35. package/doc_build/static/js/async/en_api_plugin-api_plugin-hooks.js.map +0 -1
  36. package/doc_build/static/js/async/en_guide_advance_asset.js +0 -3972
  37. package/doc_build/static/js/async/en_guide_advance_asset.js.map +0 -1
  38. package/doc_build/static/js/async/en_guide_advance_build-umd.js +0 -9857
  39. package/doc_build/static/js/async/en_guide_advance_build-umd.js.map +0 -1
  40. package/doc_build/static/js/async/en_guide_advance_copy.js +0 -6541
  41. package/doc_build/static/js/async/en_guide_advance_copy.js.map +0 -1
  42. package/doc_build/static/js/async/en_guide_advance_external-dependency.js +0 -3806
  43. package/doc_build/static/js/async/en_guide_advance_external-dependency.js.map +0 -1
  44. package/doc_build/static/js/async/en_guide_advance_in-depth-about-build.js +0 -5304
  45. package/doc_build/static/js/async/en_guide_advance_in-depth-about-build.js.map +0 -1
  46. package/doc_build/static/js/async/en_guide_advance_in-depth-about-dev-command.js +0 -2526
  47. package/doc_build/static/js/async/en_guide_advance_in-depth-about-dev-command.js.map +0 -1
  48. package/doc_build/static/js/async/en_guide_advance_theme-config.js +0 -2486
  49. package/doc_build/static/js/async/en_guide_advance_theme-config.js.map +0 -1
  50. package/doc_build/static/js/async/en_guide_basic_before-getting-started.js +0 -3720
  51. package/doc_build/static/js/async/en_guide_basic_before-getting-started.js.map +0 -1
  52. package/doc_build/static/js/async/en_guide_basic_command-preview.js +0 -3973
  53. package/doc_build/static/js/async/en_guide_basic_command-preview.js.map +0 -1
  54. package/doc_build/static/js/async/en_guide_basic_modify-output-product.js +0 -3137
  55. package/doc_build/static/js/async/en_guide_basic_modify-output-product.js.map +0 -1
  56. package/doc_build/static/js/async/en_guide_basic_publish-your-project.js +0 -2180
  57. package/doc_build/static/js/async/en_guide_basic_publish-your-project.js.map +0 -1
  58. package/doc_build/static/js/async/en_guide_basic_test-your-project.js +0 -3887
  59. package/doc_build/static/js/async/en_guide_basic_test-your-project.js.map +0 -1
  60. package/doc_build/static/js/async/en_guide_basic_use-micro-generator.js +0 -2973
  61. package/doc_build/static/js/async/en_guide_basic_use-micro-generator.js.map +0 -1
  62. package/doc_build/static/js/async/en_guide_basic_using-storybook.js +0 -4723
  63. package/doc_build/static/js/async/en_guide_basic_using-storybook.js.map +0 -1
  64. package/doc_build/static/js/async/en_guide_best-practices_components.js +0 -21400
  65. package/doc_build/static/js/async/en_guide_best-practices_components.js.map +0 -1
  66. package/doc_build/static/js/async/en_guide_intro_getting-started.js +0 -2149
  67. package/doc_build/static/js/async/en_guide_intro_getting-started.js.map +0 -1
  68. package/doc_build/static/js/async/en_guide_intro_welcome.js +0 -162
  69. package/doc_build/static/js/async/en_guide_intro_welcome.js.map +0 -1
  70. package/doc_build/static/js/async/en_guide_intro_why-module-engineering-solution.js +0 -96
  71. package/doc_build/static/js/async/en_guide_intro_why-module-engineering-solution.js.map +0 -1
  72. package/doc_build/static/js/async/en_index.js +0 -81
  73. package/doc_build/static/js/async/en_index.js.map +0 -1
  74. package/doc_build/static/js/async/en_plugins_guide_getting-started.js +0 -2556
  75. package/doc_build/static/js/async/en_plugins_guide_getting-started.js.map +0 -1
  76. package/doc_build/static/js/async/en_plugins_guide_plugin-object.js +0 -4173
  77. package/doc_build/static/js/async/en_plugins_guide_plugin-object.js.map +0 -1
  78. package/doc_build/static/js/async/en_plugins_guide_setup-function.js +0 -3815
  79. package/doc_build/static/js/async/en_plugins_guide_setup-function.js.map +0 -1
  80. package/doc_build/static/js/async/en_plugins_official-list_overview.js +0 -66
  81. package/doc_build/static/js/async/en_plugins_official-list_overview.js.map +0 -1
  82. package/doc_build/static/js/async/packages_cli_doc-core_src_theme-default_components_Search_logic_search_ts.js +0 -246
  83. package/doc_build/static/js/async/packages_cli_doc-core_src_theme-default_components_Search_logic_search_ts.js.map +0 -1
  84. 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 +0 -6656
  85. 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 +0 -1
  86. package/doc_build/static/js/async/vendors-node_modules_pnpm_flexsearch_0_6_32_node_modules_flexsearch_dist_flexsearch_min_js.js +0 -54
  87. package/doc_build/static/js/async/vendors-node_modules_pnpm_flexsearch_0_6_32_node_modules_flexsearch_dist_flexsearch_min_js.js.map +0 -1
  88. package/doc_build/static/js/async/zh_api_config_build-config.js +0 -11354
  89. package/doc_build/static/js/async/zh_api_config_build-config.js.map +0 -1
  90. package/doc_build/static/js/async/zh_api_config_build-preset.js +0 -7867
  91. package/doc_build/static/js/async/zh_api_config_build-preset.js.map +0 -1
  92. package/doc_build/static/js/async/zh_api_config_design-system.js +0 -48712
  93. package/doc_build/static/js/async/zh_api_config_design-system.js.map +0 -1
  94. package/doc_build/static/js/async/zh_api_config_plugins.js +0 -1488
  95. package/doc_build/static/js/async/zh_api_config_plugins.js.map +0 -1
  96. package/doc_build/static/js/async/zh_api_config_testing.js +0 -2132
  97. package/doc_build/static/js/async/zh_api_config_testing.js.map +0 -1
  98. package/doc_build/static/js/async/zh_api_index.js +0 -52
  99. package/doc_build/static/js/async/zh_api_index.js.map +0 -1
  100. package/doc_build/static/js/async/zh_api_plugin-api_plugin-hooks.js +0 -14392
  101. package/doc_build/static/js/async/zh_api_plugin-api_plugin-hooks.js.map +0 -1
  102. package/doc_build/static/js/async/zh_guide_advance_asset.js +0 -3972
  103. package/doc_build/static/js/async/zh_guide_advance_asset.js.map +0 -1
  104. package/doc_build/static/js/async/zh_guide_advance_build-umd.js +0 -9859
  105. package/doc_build/static/js/async/zh_guide_advance_build-umd.js.map +0 -1
  106. package/doc_build/static/js/async/zh_guide_advance_copy.js +0 -6541
  107. package/doc_build/static/js/async/zh_guide_advance_copy.js.map +0 -1
  108. package/doc_build/static/js/async/zh_guide_advance_external-dependency.js +0 -3808
  109. package/doc_build/static/js/async/zh_guide_advance_external-dependency.js.map +0 -1
  110. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-build.js +0 -5304
  111. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-build.js.map +0 -1
  112. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-dev-command.js +0 -2526
  113. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-dev-command.js.map +0 -1
  114. package/doc_build/static/js/async/zh_guide_advance_theme-config.js +0 -2477
  115. package/doc_build/static/js/async/zh_guide_advance_theme-config.js.map +0 -1
  116. package/doc_build/static/js/async/zh_guide_basic_before-getting-started.js +0 -3711
  117. package/doc_build/static/js/async/zh_guide_basic_before-getting-started.js.map +0 -1
  118. package/doc_build/static/js/async/zh_guide_basic_command-preview.js +0 -3805
  119. package/doc_build/static/js/async/zh_guide_basic_command-preview.js.map +0 -1
  120. package/doc_build/static/js/async/zh_guide_basic_modify-output-product.js +0 -3142
  121. package/doc_build/static/js/async/zh_guide_basic_modify-output-product.js.map +0 -1
  122. package/doc_build/static/js/async/zh_guide_basic_publish-your-project.js +0 -2241
  123. package/doc_build/static/js/async/zh_guide_basic_publish-your-project.js.map +0 -1
  124. package/doc_build/static/js/async/zh_guide_basic_test-your-project.js +0 -4286
  125. package/doc_build/static/js/async/zh_guide_basic_test-your-project.js.map +0 -1
  126. package/doc_build/static/js/async/zh_guide_basic_use-micro-generator.js +0 -2979
  127. package/doc_build/static/js/async/zh_guide_basic_use-micro-generator.js.map +0 -1
  128. package/doc_build/static/js/async/zh_guide_basic_using-storybook.js +0 -4760
  129. package/doc_build/static/js/async/zh_guide_basic_using-storybook.js.map +0 -1
  130. package/doc_build/static/js/async/zh_guide_best-practices_components.js +0 -21100
  131. package/doc_build/static/js/async/zh_guide_best-practices_components.js.map +0 -1
  132. package/doc_build/static/js/async/zh_guide_intro_getting-started.js +0 -2031
  133. package/doc_build/static/js/async/zh_guide_intro_getting-started.js.map +0 -1
  134. package/doc_build/static/js/async/zh_guide_intro_welcome.js +0 -162
  135. package/doc_build/static/js/async/zh_guide_intro_welcome.js.map +0 -1
  136. package/doc_build/static/js/async/zh_guide_intro_why-module-engineering-solution.js +0 -96
  137. package/doc_build/static/js/async/zh_guide_intro_why-module-engineering-solution.js.map +0 -1
  138. package/doc_build/static/js/async/zh_index.js +0 -81
  139. package/doc_build/static/js/async/zh_index.js.map +0 -1
  140. package/doc_build/static/js/async/zh_plugins_guide_getting-started.js +0 -2604
  141. package/doc_build/static/js/async/zh_plugins_guide_getting-started.js.map +0 -1
  142. package/doc_build/static/js/async/zh_plugins_guide_plugin-object.js +0 -4169
  143. package/doc_build/static/js/async/zh_plugins_guide_plugin-object.js.map +0 -1
  144. package/doc_build/static/js/async/zh_plugins_guide_setup-function.js +0 -3815
  145. package/doc_build/static/js/async/zh_plugins_guide_setup-function.js.map +0 -1
  146. package/doc_build/static/js/async/zh_plugins_official-list_overview.js +0 -66
  147. package/doc_build/static/js/async/zh_plugins_official-list_overview.js.map +0 -1
  148. package/doc_build/static/js/builder-runtime.js +0 -1375
  149. package/doc_build/static/js/builder-runtime.js.map +0 -1
  150. package/doc_build/static/js/lib-lodash.js +0 -4907
  151. package/doc_build/static/js/lib-lodash.js.map +0 -1
  152. package/doc_build/static/js/lib-polyfill.js +0 -11847
  153. package/doc_build/static/js/lib-polyfill.js.map +0 -1
  154. package/doc_build/static/js/lib-react.js +0 -39510
  155. package/doc_build/static/js/lib-react.js.map +0 -1
  156. package/doc_build/static/js/main.js +0 -8610
  157. package/doc_build/static/js/main.js.map +0 -1
  158. 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 +0 -7328
  159. 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 +0 -1
  160. package/doc_build/static/search_index.json +0 -1
@@ -1,3142 +0,0 @@
1
- "use strict";
2
- (self["webpackChunk_modern_js_module_tools_docs"] = self["webpackChunk_modern_js_module_tools_docs"] || []).push([["zh_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
- const 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
- const 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/github/targeral/modern-dev/website/module-tools/docs/zh/guide/basic/modify-output-product.md"
1189
- };
1190
- const frontmatter = {
1191
- "sidebar_position": 3
1192
- };
1193
- const 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
- const title = `修改输出产物`;
1219
- const content = "\"---\\nsidebar_position: 3\\n---\\n\\n# 修改输出产物\\n\\n## 默认输出产物\\n\\n当在初始化的项目里使用 `modern build` 命令的时候,会根据 Module Tools 默认支持的配置生成相应的产物。默认支持的配置具体如下:\\n\\n```typescript\\nimport moduleTools, { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n plugins: [moduleTools()],\\n buildPreset: 'npm-library',\\n});\\n```\\n\\n**默认生成产物具有以下特点**:\\n\\n- 会生成[CommonJS](https://nodejs.org/api/modules.html#modules-commonjs-modules)和[ESM](https://nodejs.org/api/esm.html#modules-ecmascript-modules)两份产物。\\n- 代码语法支持到 `ES6` ,更高级的语法将会被转换。\\n- 所有的代码经过打包变成了一个文件,即进行了 **bundle** 处理。\\n- 产物输出根目录为项目下的 `dist` 目录,类型文件输出的目录为 `dist/types`。\\n\\n看到这里你可能会有以下疑问:\\n\\n1. `buildPreset` 是什么?\\n2. 产物的这些特点是由什么决定的?\\n\\n那么接下来首先解释一下 `buildPreset`。\\n\\n## 构建预设\\n\\n`buildPreset` 代表着提前准备好的一组或者多组构建相关的配置,只需要使用 `buildPreset` 对应的预设值,就可以省去麻烦且复杂的配置工作,得到符合预期的产物。\\n\\n### 构建预设的字符串形式\\n\\n**构建预设的值可以是字符串形式**,因此这样形式的构建预设叫做预设字符串。\\n\\n模块工程解决方案根据 npm 包使用的通用场景,提供了通用的构建预设字符串以及相应的变体。目前支持的所有预设字符串可以通过 [BuildPreset API](/api/config/build-preset) 查看。这里讲解一下关于**通用的预设字符串与变体之间的关系**。\\n\\n在通用的预设字符串中,`\\\"npm-library\\\"` 可以用于在开发库类型的 npm 包的场景下使用,它适合大多数普通的模块类型项目。当设置 `\\\"npm-library\\\"` 的时候,项目的输出产物会有以下特点:\\n\\n- 在 `dist/lib` 目录下会得到代码格式为 `cjs`、语法支持到 `es6` 且经过打包处理后的产物。\\n- 在 `dist/es` 目录下会得到代码格式为 `esm`、语法支持为 `es6` 且经过打包处理后的产物。\\n- 在 `dist/types` 目录下会得到类型文件。如果不是 TypeScript 项目,则没有该目录。\\n\\n而预设字符串 `\\\"npm-library\\\"` 对应的变体则是在原本产物的基础上修改了**代码语法支持**这一特点,同时在字符串命名上也变为了 `\\\"npm-library-[es5 | es2016...es2020 | esnext]\\\"` 这样的形式。\\n\\n例如,如果在预设字符串 `\\\"npm-library\\\"` 对应的输出产物基础上,让产物代码支持的语法变为 `es5` 的话,那么只需要将 `\\\"npm-library\\\"` 改变为 `\\\"npm-library-es5\\\"` 就可以了。\\n\\n### 构建预设的函数形式\\n\\n**除了字符串形式以外,构建预设的值也可以是函数形式,在函数中可以打印或者修改某个预设值对应的具体配置**。\\n\\n例如,如果使用预设函数的形式达到预设字符串 `\\\"npm-library-es5\\\"` 同样的效果,可以按照如下的方式:\\n\\n```typescript\\nimport moduleTools, { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n plugins: [moduleTools()],\\n buildPreset({ preset }) {\\n return preset.NPM_LIBRARY.map(config => {\\n return { ...config, target: 'es5' };\\n });\\n },\\n});\\n```\\n\\n在上面的代码实现中,`preset.NPM_LIBRARY` 与预设字符串 `\\\"npm-library\\\"` 是相对应的,它代表着 `\\\"npm-library\\\"` 等价的多组构建相关的配置。我们通过 `map` 方法遍历了 `NPM_LIBRARY` 这个数组,在这个数组中包含了多个 `buildConfig` 对象。我们将原本的 `buildConfig` 对象进行了浅拷贝,并修改了浅拷贝后 `target` 的值,将它指定为 `es5`。\\n\\n> 关于 `preset.NPM_LIBRARY` 具体对应的值,可以通过 [BuildPreset API](/api/config/build-preset) 查看。在 `preset` 对象下不仅包含了 `NPM_LIBRARY`,还包含了其他类似的常量。\\n> 我们不仅可以使用 `preset.NPM_LIBRARY` 来获取 `\\\"npm-library\\\"` 对应的构建配置,也可以使用 `preset['npm-library']` 这样的方式。\\n\\n那么这里的 `buildConfig` 对象是什么呢?之前提到的构建产物特点又是根据什么呢?\\n\\n接下来我们解释一下。\\n\\n## 构建配置(对象)\\n\\n**`buildConfig` 是一个用来描述如何编译、生成构建产物的配置对象**。在最开始提到的关于“_构建产物的特点_”,其实都是 `buildConfig` 所支持的属性。目前所支持的属性覆盖了大部分模块类型项目在构建产物时的需求,`buildConfig` 不仅包含一些产物所具备的属性,也包含了构建产物所需要的一些特性功能。接下来从分类的角度简单罗列一下:\\n\\n**构建产物的基本属性包括:**\\n\\n- 产物是否被打包:对应的 API 是 [`buildConfig.buildType`](/api/config/build-config#buildtype)。\\n- 产物对于语法的支持:对应的 API 是 [`buildConfig.target`](/api/config/build-config#target)。\\n- 产物格式:对应的 API 是 [`buildConfig.format`](/api/config/build-config#format)。\\n- 产物类型文件如何处理,对应的 API 是 [`buildConfig.dts`](/api/config/build-config#dts)。\\n- 产物的 sourceMap 如何处理:对应的 API 是 [`buildConfig.sourceMap`](/api/config/build-config#sourcemap)。\\n- 产物对应的输入(或者是源文件):对应的 API 是 [`buildConfig.input`](/api/config/build-config#input)。\\n- 产物输出的目录:对应的 API 是 [`buildConfig.outDir`](/api/config/build-config#outDir)。\\n- 构建的源码目录:对应的 API 是 [`buildConfig.sourceDir`](/api/config/build-config#sourcedir)。\\n\\n**构建产物所需的常用功能包括:**\\n\\n- 别名:对应的 API 是 [`buildConfig.alias`](/api/config/build-config#alias)。\\n- 静态资源处理:对应的 API 是 [`buildConfig.asset`](/api/config/build-config#asset)。\\n- 第三方依赖处理:对应的 API 有:\\n - [`buildConfig.autoExternal`](/api/config/build-config#autoexternal)。\\n - [`buildConfig.externals`](/api/config/build-config#externals)。\\n- 拷贝:对应的 API 是 [`buildConfig.copy`](/api/config/build-config#copy)。\\n- 全局变量替换:对应的 API 是 [`buildConfig.define`](/api/config/build-config#define)。\\n- 指定 [JSX](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) 编译方式,对应的 API 是 [`buildConfig.jsx`](/api/config/build-config#jsx)。\\n\\n**一些高级属性或者使用频率不高的功能:**\\n\\n- 产物代码压缩:对应的 API 是 [`buildConfig.minify`](/api/config/build-config#minify)。\\n- 代码分割:[`buildConfig.spitting`](/api/config/build-config#splitting)\\n- 指定构建产物用于 NodeJS 环境还是浏览器环境:对应的 API 是 [`buildConfig.platform`](/api/config/build-config#platform)。\\n- umd 产物相关:\\n - 指定 umd 产物外部导入的全局变量:对应的 API 是 [`buildConfig.umdGlobals`](/api/config/build-config#umdglobals)。\\n - 指定 umd 产物的模块名:对应的 API 是 [`buildConfig.umdModuleName`](/api/config/build-config#umdmodulename)。\\n\\n除了以上分类以外,关于这些 API 的常见问题和最佳实践可以通过下面的链接来了解:\\n\\n- [什么是 `bundle` 和 `bundleless`?](/guide/advance/in-depth-about-build#bundle-和-bundleless)\\n- [`input` 与 `sourceDir` 的关系](/guide/advance/in-depth-about-build#input-与-sourcedir-的关系)。\\n- [产物中类型文件的多种生成方式](/guide/advance/in-depth-about-build#类型文件)。\\n- [`buildConfig.define` 不同场景的使用方式。](/guide/advance/in-depth-about-build#buildconfigdefine-不同场景的使用方式)\\n- [如何处理第三方依赖?](/guide/advance/external-dependency)\\n- [如何使用拷贝?](/guide/advance/copy)\\n- [如何构建 umd 产物?](/guide/advance/build-umd#设置项目的全局变量名称)\\n- [静态资源目前所支持的能力。](/guide/advance/asset)\\n\\n## 什么时候使用 `buildConfig`\\n\\n`buildConfig` 是用于修改产物的方式之一,**当与 `buildPreset` 配置同时存在的时候,只有 `buildConfig` 才会生效**。因此如果按照如下方式配置:\\n\\n```typescript\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n buildConfig: {\\n format: 'umd',\\n },\\n buildPreset: 'npm-library',\\n});\\n```\\n\\n那么此时就会看到如下提示:\\n\\n```bash\\n因为同时出现 'buildConfig' 和 'buildPreset' 配置,因此仅 'buildConfig' 配置生效\\n```\\n\\n`buildPreset` 代表的一组或者多组构建相关的配置都是由 `buildConfig` 组成,**当使用 `buildPreset` 无法满足当前项目需求的时候,就可以使用 `buildConfig` 来自定义输出产物**。\\n\\n在使用 `buildConfig` 的过程,就是对**获得怎样的构建产物**的思考过程。\\n\"";
1220
- function _createMdxContent(props) {
1221
- const _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
- ol: "ol",
1231
- h3: "h3",
1232
- blockquote: "blockquote",
1233
- em: "em"
1234
- }, props.components);
1235
- if (!CH) _missingMdxReference("CH", false, "11:1-18:4");
1236
- if (!CH.Code) _missingMdxReference("CH.Code", true, "11:1-18:4");
1237
- return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
1238
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h1, {
1239
- id: "修改输出产物",
1240
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1241
- className: "header-anchor",
1242
- "aria-hidden": "true",
1243
- href: "#修改输出产物",
1244
- children: "#"
1245
- }), "修改输出产物"]
1246
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
1247
- id: "默认输出产物",
1248
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1249
- className: "header-anchor",
1250
- "aria-hidden": "true",
1251
- href: "#默认输出产物",
1252
- children: "#"
1253
- }), "默认输出产物"]
1254
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1255
- children: ["当在初始化的项目里使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1256
- children: "modern build"
1257
- }), " 命令的时候,会根据 Module Tools 默认支持的配置生成相应的产物。默认支持的配置具体如下:"]
1258
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1259
- codeConfig: chCodeConfig,
1260
- northPanel: {
1261
- "tabs": [""],
1262
- "active": "",
1263
- "heightRatio": 1
1264
- },
1265
- files: [{
1266
- "name": "",
1267
- "focus": "",
1268
- "code": {
1269
- "lines": [{
1270
- "tokens": [{
1271
- "content": "import",
1272
- "props": {
1273
- "style": {
1274
- "color": "#81A1C1"
1275
- }
1276
- }
1277
- }, {
1278
- "content": " ",
1279
- "props": {
1280
- "style": {
1281
- "color": "#D8DEE9FF"
1282
- }
1283
- }
1284
- }, {
1285
- "content": "moduleTools",
1286
- "props": {
1287
- "style": {
1288
- "color": "#D8DEE9"
1289
- }
1290
- }
1291
- }, {
1292
- "content": ",",
1293
- "props": {
1294
- "style": {
1295
- "color": "#ECEFF4"
1296
- }
1297
- }
1298
- }, {
1299
- "content": " ",
1300
- "props": {
1301
- "style": {
1302
- "color": "#D8DEE9FF"
1303
- }
1304
- }
1305
- }, {
1306
- "content": "{",
1307
- "props": {
1308
- "style": {
1309
- "color": "#ECEFF4"
1310
- }
1311
- }
1312
- }, {
1313
- "content": " ",
1314
- "props": {
1315
- "style": {
1316
- "color": "#D8DEE9FF"
1317
- }
1318
- }
1319
- }, {
1320
- "content": "defineConfig",
1321
- "props": {
1322
- "style": {
1323
- "color": "#D8DEE9"
1324
- }
1325
- }
1326
- }, {
1327
- "content": " ",
1328
- "props": {
1329
- "style": {
1330
- "color": "#D8DEE9FF"
1331
- }
1332
- }
1333
- }, {
1334
- "content": "}",
1335
- "props": {
1336
- "style": {
1337
- "color": "#ECEFF4"
1338
- }
1339
- }
1340
- }, {
1341
- "content": " ",
1342
- "props": {
1343
- "style": {
1344
- "color": "#D8DEE9FF"
1345
- }
1346
- }
1347
- }, {
1348
- "content": "from",
1349
- "props": {
1350
- "style": {
1351
- "color": "#81A1C1"
1352
- }
1353
- }
1354
- }, {
1355
- "content": " ",
1356
- "props": {
1357
- "style": {
1358
- "color": "#D8DEE9FF"
1359
- }
1360
- }
1361
- }, {
1362
- "content": "'",
1363
- "props": {
1364
- "style": {
1365
- "color": "#ECEFF4"
1366
- }
1367
- }
1368
- }, {
1369
- "content": "@modern-js/module-tools",
1370
- "props": {
1371
- "style": {
1372
- "color": "#A3BE8C"
1373
- }
1374
- }
1375
- }, {
1376
- "content": "'",
1377
- "props": {
1378
- "style": {
1379
- "color": "#ECEFF4"
1380
- }
1381
- }
1382
- }, {
1383
- "content": ";",
1384
- "props": {
1385
- "style": {
1386
- "color": "#81A1C1"
1387
- }
1388
- }
1389
- }]
1390
- }, {
1391
- "tokens": []
1392
- }, {
1393
- "tokens": [{
1394
- "content": "export",
1395
- "props": {
1396
- "style": {
1397
- "color": "#81A1C1"
1398
- }
1399
- }
1400
- }, {
1401
- "content": " ",
1402
- "props": {
1403
- "style": {
1404
- "color": "#D8DEE9FF"
1405
- }
1406
- }
1407
- }, {
1408
- "content": "default",
1409
- "props": {
1410
- "style": {
1411
- "color": "#81A1C1"
1412
- }
1413
- }
1414
- }, {
1415
- "content": " ",
1416
- "props": {
1417
- "style": {
1418
- "color": "#D8DEE9FF"
1419
- }
1420
- }
1421
- }, {
1422
- "content": "defineConfig",
1423
- "props": {
1424
- "style": {
1425
- "color": "#88C0D0"
1426
- }
1427
- }
1428
- }, {
1429
- "content": "(",
1430
- "props": {
1431
- "style": {
1432
- "color": "#D8DEE9FF"
1433
- }
1434
- }
1435
- }, {
1436
- "content": "{",
1437
- "props": {
1438
- "style": {
1439
- "color": "#ECEFF4"
1440
- }
1441
- }
1442
- }]
1443
- }, {
1444
- "tokens": [{
1445
- "content": " ",
1446
- "props": {
1447
- "style": {
1448
- "color": "#D8DEE9FF"
1449
- }
1450
- }
1451
- }, {
1452
- "content": "plugins",
1453
- "props": {
1454
- "style": {
1455
- "color": "#D8DEE9"
1456
- }
1457
- }
1458
- }, {
1459
- "content": ":",
1460
- "props": {
1461
- "style": {
1462
- "color": "#ECEFF4"
1463
- }
1464
- }
1465
- }, {
1466
- "content": " [",
1467
- "props": {
1468
- "style": {
1469
- "color": "#D8DEE9FF"
1470
- }
1471
- }
1472
- }, {
1473
- "content": "moduleTools",
1474
- "props": {
1475
- "style": {
1476
- "color": "#88C0D0"
1477
- }
1478
- }
1479
- }, {
1480
- "content": "()]",
1481
- "props": {
1482
- "style": {
1483
- "color": "#D8DEE9FF"
1484
- }
1485
- }
1486
- }, {
1487
- "content": ",",
1488
- "props": {
1489
- "style": {
1490
- "color": "#ECEFF4"
1491
- }
1492
- }
1493
- }]
1494
- }, {
1495
- "tokens": [{
1496
- "content": " ",
1497
- "props": {
1498
- "style": {
1499
- "color": "#D8DEE9FF"
1500
- }
1501
- }
1502
- }, {
1503
- "content": "buildPreset",
1504
- "props": {
1505
- "style": {
1506
- "color": "#D8DEE9"
1507
- }
1508
- }
1509
- }, {
1510
- "content": ":",
1511
- "props": {
1512
- "style": {
1513
- "color": "#ECEFF4"
1514
- }
1515
- }
1516
- }, {
1517
- "content": " ",
1518
- "props": {
1519
- "style": {
1520
- "color": "#D8DEE9FF"
1521
- }
1522
- }
1523
- }, {
1524
- "content": "'",
1525
- "props": {
1526
- "style": {
1527
- "color": "#ECEFF4"
1528
- }
1529
- }
1530
- }, {
1531
- "content": "npm-library",
1532
- "props": {
1533
- "style": {
1534
- "color": "#A3BE8C"
1535
- }
1536
- }
1537
- }, {
1538
- "content": "'",
1539
- "props": {
1540
- "style": {
1541
- "color": "#ECEFF4"
1542
- }
1543
- }
1544
- }, {
1545
- "content": ",",
1546
- "props": {
1547
- "style": {
1548
- "color": "#ECEFF4"
1549
- }
1550
- }
1551
- }]
1552
- }, {
1553
- "tokens": [{
1554
- "content": "}",
1555
- "props": {
1556
- "style": {
1557
- "color": "#ECEFF4"
1558
- }
1559
- }
1560
- }, {
1561
- "content": ")",
1562
- "props": {
1563
- "style": {
1564
- "color": "#D8DEE9FF"
1565
- }
1566
- }
1567
- }, {
1568
- "content": ";",
1569
- "props": {
1570
- "style": {
1571
- "color": "#81A1C1"
1572
- }
1573
- }
1574
- }]
1575
- }],
1576
- "lang": "typescript"
1577
- },
1578
- "annotations": []
1579
- }]
1580
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1581
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1582
- children: "默认生成产物具有以下特点"
1583
- }), ":"]
1584
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
1585
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1586
- children: ["会生成", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1587
- href: "https://nodejs.org/api/modules.html#modules-commonjs-modules",
1588
- target: "_blank",
1589
- rel: "nofollow",
1590
- children: "CommonJS"
1591
- }), "和", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1592
- href: "https://nodejs.org/api/esm.html#modules-ecmascript-modules",
1593
- target: "_blank",
1594
- rel: "nofollow",
1595
- children: "ESM"
1596
- }), "两份产物。"]
1597
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1598
- children: ["代码语法支持到 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1599
- children: "ES6"
1600
- }), " ,更高级的语法将会被转换。"]
1601
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1602
- children: ["所有的代码经过打包变成了一个文件,即进行了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1603
- children: "bundle"
1604
- }), " 处理。"]
1605
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1606
- children: ["产物输出根目录为项目下的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1607
- children: "dist"
1608
- }), " 目录,类型文件输出的目录为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1609
- children: "dist/types"
1610
- }), "。"]
1611
- }), "\n"]
1612
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
1613
- children: "看到这里你可能会有以下疑问:"
1614
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ol, {
1615
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1616
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1617
- children: "buildPreset"
1618
- }), " 是什么?"]
1619
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
1620
- children: "产物的这些特点是由什么决定的?"
1621
- }), "\n"]
1622
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1623
- children: ["那么接下来首先解释一下 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1624
- children: "buildPreset"
1625
- }), "。"]
1626
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
1627
- id: "构建预设",
1628
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1629
- className: "header-anchor",
1630
- "aria-hidden": "true",
1631
- href: "#构建预设",
1632
- children: "#"
1633
- }), "构建预设"]
1634
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1635
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1636
- children: "buildPreset"
1637
- }), " 代表着提前准备好的一组或者多组构建相关的配置,只需要使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1638
- children: "buildPreset"
1639
- }), " 对应的预设值,就可以省去麻烦且复杂的配置工作,得到符合预期的产物。"]
1640
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
1641
- id: "构建预设的字符串形式",
1642
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1643
- className: "header-anchor",
1644
- "aria-hidden": "true",
1645
- href: "#构建预设的字符串形式",
1646
- children: "#"
1647
- }), "构建预设的字符串形式"]
1648
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1649
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1650
- children: "构建预设的值可以是字符串形式"
1651
- }), ",因此这样形式的构建预设叫做预设字符串。"]
1652
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1653
- children: ["模块工程解决方案根据 npm 包使用的通用场景,提供了通用的构建预设字符串以及相应的变体。目前支持的所有预设字符串可以通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1654
- href: "/module-tools/api/config/build-preset.html",
1655
- children: "BuildPreset API"
1656
- }), " 查看。这里讲解一下关于", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1657
- children: "通用的预设字符串与变体之间的关系"
1658
- }), "。"]
1659
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1660
- children: ["在通用的预设字符串中,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1661
- children: "\"npm-library\""
1662
- }), " 可以用于在开发库类型的 npm 包的场景下使用,它适合大多数普通的模块类型项目。当设置 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1663
- children: "\"npm-library\""
1664
- }), " 的时候,项目的输出产物会有以下特点:"]
1665
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
1666
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1667
- children: ["在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1668
- children: "dist/lib"
1669
- }), " 目录下会得到代码格式为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1670
- children: "cjs"
1671
- }), "、语法支持到 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1672
- children: "es6"
1673
- }), " 且经过打包处理后的产物。"]
1674
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1675
- children: ["在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1676
- children: "dist/es"
1677
- }), " 目录下会得到代码格式为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1678
- children: "esm"
1679
- }), "、语法支持为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1680
- children: "es6"
1681
- }), " 且经过打包处理后的产物。"]
1682
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
1683
- children: ["在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1684
- children: "dist/types"
1685
- }), " 目录下会得到类型文件。如果不是 TypeScript 项目,则没有该目录。"]
1686
- }), "\n"]
1687
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1688
- children: ["而预设字符串 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1689
- children: "\"npm-library\""
1690
- }), " 对应的变体则是在原本产物的基础上修改了", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1691
- children: "代码语法支持"
1692
- }), "这一特点,同时在字符串命名上也变为了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1693
- children: "\"npm-library-[es5 | es2016...es2020 | esnext]\""
1694
- }), " 这样的形式。"]
1695
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1696
- children: ["例如,如果在预设字符串 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1697
- children: "\"npm-library\""
1698
- }), " 对应的输出产物基础上,让产物代码支持的语法变为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1699
- children: "es5"
1700
- }), " 的话,那么只需要将 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1701
- children: "\"npm-library\""
1702
- }), " 改变为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1703
- children: "\"npm-library-es5\""
1704
- }), " 就可以了。"]
1705
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h3, {
1706
- id: "构建预设的函数形式",
1707
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
1708
- className: "header-anchor",
1709
- "aria-hidden": "true",
1710
- href: "#构建预设的函数形式",
1711
- children: "#"
1712
- }), "构建预设的函数形式"]
1713
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1714
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
1715
- children: "除了字符串形式以外,构建预设的值也可以是函数形式,在函数中可以打印或者修改某个预设值对应的具体配置"
1716
- }), "。"]
1717
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
1718
- children: ["例如,如果使用预设函数的形式达到预设字符串 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
1719
- children: "\"npm-library-es5\""
1720
- }), " 同样的效果,可以按照如下的方式:"]
1721
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
1722
- codeConfig: chCodeConfig,
1723
- northPanel: {
1724
- "tabs": [""],
1725
- "active": "",
1726
- "heightRatio": 1
1727
- },
1728
- files: [{
1729
- "name": "",
1730
- "focus": "",
1731
- "code": {
1732
- "lines": [{
1733
- "tokens": [{
1734
- "content": "import",
1735
- "props": {
1736
- "style": {
1737
- "color": "#81A1C1"
1738
- }
1739
- }
1740
- }, {
1741
- "content": " ",
1742
- "props": {
1743
- "style": {
1744
- "color": "#D8DEE9FF"
1745
- }
1746
- }
1747
- }, {
1748
- "content": "moduleTools",
1749
- "props": {
1750
- "style": {
1751
- "color": "#D8DEE9"
1752
- }
1753
- }
1754
- }, {
1755
- "content": ",",
1756
- "props": {
1757
- "style": {
1758
- "color": "#ECEFF4"
1759
- }
1760
- }
1761
- }, {
1762
- "content": " ",
1763
- "props": {
1764
- "style": {
1765
- "color": "#D8DEE9FF"
1766
- }
1767
- }
1768
- }, {
1769
- "content": "{",
1770
- "props": {
1771
- "style": {
1772
- "color": "#ECEFF4"
1773
- }
1774
- }
1775
- }, {
1776
- "content": " ",
1777
- "props": {
1778
- "style": {
1779
- "color": "#D8DEE9FF"
1780
- }
1781
- }
1782
- }, {
1783
- "content": "defineConfig",
1784
- "props": {
1785
- "style": {
1786
- "color": "#D8DEE9"
1787
- }
1788
- }
1789
- }, {
1790
- "content": " ",
1791
- "props": {
1792
- "style": {
1793
- "color": "#D8DEE9FF"
1794
- }
1795
- }
1796
- }, {
1797
- "content": "}",
1798
- "props": {
1799
- "style": {
1800
- "color": "#ECEFF4"
1801
- }
1802
- }
1803
- }, {
1804
- "content": " ",
1805
- "props": {
1806
- "style": {
1807
- "color": "#D8DEE9FF"
1808
- }
1809
- }
1810
- }, {
1811
- "content": "from",
1812
- "props": {
1813
- "style": {
1814
- "color": "#81A1C1"
1815
- }
1816
- }
1817
- }, {
1818
- "content": " ",
1819
- "props": {
1820
- "style": {
1821
- "color": "#D8DEE9FF"
1822
- }
1823
- }
1824
- }, {
1825
- "content": "'",
1826
- "props": {
1827
- "style": {
1828
- "color": "#ECEFF4"
1829
- }
1830
- }
1831
- }, {
1832
- "content": "@modern-js/module-tools",
1833
- "props": {
1834
- "style": {
1835
- "color": "#A3BE8C"
1836
- }
1837
- }
1838
- }, {
1839
- "content": "'",
1840
- "props": {
1841
- "style": {
1842
- "color": "#ECEFF4"
1843
- }
1844
- }
1845
- }, {
1846
- "content": ";",
1847
- "props": {
1848
- "style": {
1849
- "color": "#81A1C1"
1850
- }
1851
- }
1852
- }]
1853
- }, {
1854
- "tokens": []
1855
- }, {
1856
- "tokens": [{
1857
- "content": "export",
1858
- "props": {
1859
- "style": {
1860
- "color": "#81A1C1"
1861
- }
1862
- }
1863
- }, {
1864
- "content": " ",
1865
- "props": {
1866
- "style": {
1867
- "color": "#D8DEE9FF"
1868
- }
1869
- }
1870
- }, {
1871
- "content": "default",
1872
- "props": {
1873
- "style": {
1874
- "color": "#81A1C1"
1875
- }
1876
- }
1877
- }, {
1878
- "content": " ",
1879
- "props": {
1880
- "style": {
1881
- "color": "#D8DEE9FF"
1882
- }
1883
- }
1884
- }, {
1885
- "content": "defineConfig",
1886
- "props": {
1887
- "style": {
1888
- "color": "#88C0D0"
1889
- }
1890
- }
1891
- }, {
1892
- "content": "(",
1893
- "props": {
1894
- "style": {
1895
- "color": "#D8DEE9FF"
1896
- }
1897
- }
1898
- }, {
1899
- "content": "{",
1900
- "props": {
1901
- "style": {
1902
- "color": "#ECEFF4"
1903
- }
1904
- }
1905
- }]
1906
- }, {
1907
- "tokens": [{
1908
- "content": " ",
1909
- "props": {
1910
- "style": {
1911
- "color": "#D8DEE9FF"
1912
- }
1913
- }
1914
- }, {
1915
- "content": "plugins",
1916
- "props": {
1917
- "style": {
1918
- "color": "#D8DEE9"
1919
- }
1920
- }
1921
- }, {
1922
- "content": ":",
1923
- "props": {
1924
- "style": {
1925
- "color": "#ECEFF4"
1926
- }
1927
- }
1928
- }, {
1929
- "content": " [",
1930
- "props": {
1931
- "style": {
1932
- "color": "#D8DEE9FF"
1933
- }
1934
- }
1935
- }, {
1936
- "content": "moduleTools",
1937
- "props": {
1938
- "style": {
1939
- "color": "#88C0D0"
1940
- }
1941
- }
1942
- }, {
1943
- "content": "()]",
1944
- "props": {
1945
- "style": {
1946
- "color": "#D8DEE9FF"
1947
- }
1948
- }
1949
- }, {
1950
- "content": ",",
1951
- "props": {
1952
- "style": {
1953
- "color": "#ECEFF4"
1954
- }
1955
- }
1956
- }]
1957
- }, {
1958
- "tokens": [{
1959
- "content": " ",
1960
- "props": {
1961
- "style": {
1962
- "color": "#D8DEE9FF"
1963
- }
1964
- }
1965
- }, {
1966
- "content": "buildPreset",
1967
- "props": {
1968
- "style": {
1969
- "color": "#88C0D0"
1970
- }
1971
- }
1972
- }, {
1973
- "content": "({",
1974
- "props": {
1975
- "style": {
1976
- "color": "#ECEFF4"
1977
- }
1978
- }
1979
- }, {
1980
- "content": " ",
1981
- "props": {
1982
- "style": {
1983
- "color": "#D8DEE9FF"
1984
- }
1985
- }
1986
- }, {
1987
- "content": "preset",
1988
- "props": {
1989
- "style": {
1990
- "color": "#D8DEE9"
1991
- }
1992
- }
1993
- }, {
1994
- "content": " ",
1995
- "props": {
1996
- "style": {
1997
- "color": "#D8DEE9FF"
1998
- }
1999
- }
2000
- }, {
2001
- "content": "})",
2002
- "props": {
2003
- "style": {
2004
- "color": "#ECEFF4"
2005
- }
2006
- }
2007
- }, {
2008
- "content": " ",
2009
- "props": {
2010
- "style": {
2011
- "color": "#D8DEE9FF"
2012
- }
2013
- }
2014
- }, {
2015
- "content": "{",
2016
- "props": {
2017
- "style": {
2018
- "color": "#ECEFF4"
2019
- }
2020
- }
2021
- }]
2022
- }, {
2023
- "tokens": [{
2024
- "content": " ",
2025
- "props": {
2026
- "style": {
2027
- "color": "#D8DEE9FF"
2028
- }
2029
- }
2030
- }, {
2031
- "content": "return",
2032
- "props": {
2033
- "style": {
2034
- "color": "#81A1C1"
2035
- }
2036
- }
2037
- }, {
2038
- "content": " ",
2039
- "props": {
2040
- "style": {
2041
- "color": "#D8DEE9FF"
2042
- }
2043
- }
2044
- }, {
2045
- "content": "preset",
2046
- "props": {
2047
- "style": {
2048
- "color": "#D8DEE9"
2049
- }
2050
- }
2051
- }, {
2052
- "content": ".",
2053
- "props": {
2054
- "style": {
2055
- "color": "#ECEFF4"
2056
- }
2057
- }
2058
- }, {
2059
- "content": "NPM_LIBRARY",
2060
- "props": {
2061
- "style": {
2062
- "color": "#D8DEE9"
2063
- }
2064
- }
2065
- }, {
2066
- "content": ".",
2067
- "props": {
2068
- "style": {
2069
- "color": "#ECEFF4"
2070
- }
2071
- }
2072
- }, {
2073
- "content": "map",
2074
- "props": {
2075
- "style": {
2076
- "color": "#88C0D0"
2077
- }
2078
- }
2079
- }, {
2080
- "content": "(",
2081
- "props": {
2082
- "style": {
2083
- "color": "#D8DEE9FF"
2084
- }
2085
- }
2086
- }, {
2087
- "content": "config",
2088
- "props": {
2089
- "style": {
2090
- "color": "#D8DEE9"
2091
- }
2092
- }
2093
- }, {
2094
- "content": " ",
2095
- "props": {
2096
- "style": {
2097
- "color": "#D8DEE9FF"
2098
- }
2099
- }
2100
- }, {
2101
- "content": "=>",
2102
- "props": {
2103
- "style": {
2104
- "color": "#81A1C1"
2105
- }
2106
- }
2107
- }, {
2108
- "content": " ",
2109
- "props": {
2110
- "style": {
2111
- "color": "#D8DEE9FF"
2112
- }
2113
- }
2114
- }, {
2115
- "content": "{",
2116
- "props": {
2117
- "style": {
2118
- "color": "#ECEFF4"
2119
- }
2120
- }
2121
- }]
2122
- }, {
2123
- "tokens": [{
2124
- "content": " ",
2125
- "props": {
2126
- "style": {
2127
- "color": "#D8DEE9FF"
2128
- }
2129
- }
2130
- }, {
2131
- "content": "return",
2132
- "props": {
2133
- "style": {
2134
- "color": "#81A1C1"
2135
- }
2136
- }
2137
- }, {
2138
- "content": " ",
2139
- "props": {
2140
- "style": {
2141
- "color": "#D8DEE9FF"
2142
- }
2143
- }
2144
- }, {
2145
- "content": "{",
2146
- "props": {
2147
- "style": {
2148
- "color": "#ECEFF4"
2149
- }
2150
- }
2151
- }, {
2152
- "content": " ",
2153
- "props": {
2154
- "style": {
2155
- "color": "#D8DEE9FF"
2156
- }
2157
- }
2158
- }, {
2159
- "content": "...",
2160
- "props": {
2161
- "style": {
2162
- "color": "#81A1C1"
2163
- }
2164
- }
2165
- }, {
2166
- "content": "config",
2167
- "props": {
2168
- "style": {
2169
- "color": "#D8DEE9"
2170
- }
2171
- }
2172
- }, {
2173
- "content": ",",
2174
- "props": {
2175
- "style": {
2176
- "color": "#ECEFF4"
2177
- }
2178
- }
2179
- }, {
2180
- "content": " ",
2181
- "props": {
2182
- "style": {
2183
- "color": "#D8DEE9FF"
2184
- }
2185
- }
2186
- }, {
2187
- "content": "target",
2188
- "props": {
2189
- "style": {
2190
- "color": "#D8DEE9"
2191
- }
2192
- }
2193
- }, {
2194
- "content": ":",
2195
- "props": {
2196
- "style": {
2197
- "color": "#ECEFF4"
2198
- }
2199
- }
2200
- }, {
2201
- "content": " ",
2202
- "props": {
2203
- "style": {
2204
- "color": "#D8DEE9FF"
2205
- }
2206
- }
2207
- }, {
2208
- "content": "'",
2209
- "props": {
2210
- "style": {
2211
- "color": "#ECEFF4"
2212
- }
2213
- }
2214
- }, {
2215
- "content": "es5",
2216
- "props": {
2217
- "style": {
2218
- "color": "#A3BE8C"
2219
- }
2220
- }
2221
- }, {
2222
- "content": "'",
2223
- "props": {
2224
- "style": {
2225
- "color": "#ECEFF4"
2226
- }
2227
- }
2228
- }, {
2229
- "content": " ",
2230
- "props": {
2231
- "style": {
2232
- "color": "#D8DEE9FF"
2233
- }
2234
- }
2235
- }, {
2236
- "content": "}",
2237
- "props": {
2238
- "style": {
2239
- "color": "#ECEFF4"
2240
- }
2241
- }
2242
- }, {
2243
- "content": ";",
2244
- "props": {
2245
- "style": {
2246
- "color": "#81A1C1"
2247
- }
2248
- }
2249
- }]
2250
- }, {
2251
- "tokens": [{
2252
- "content": " ",
2253
- "props": {
2254
- "style": {
2255
- "color": "#D8DEE9FF"
2256
- }
2257
- }
2258
- }, {
2259
- "content": "}",
2260
- "props": {
2261
- "style": {
2262
- "color": "#ECEFF4"
2263
- }
2264
- }
2265
- }, {
2266
- "content": ")",
2267
- "props": {
2268
- "style": {
2269
- "color": "#D8DEE9FF"
2270
- }
2271
- }
2272
- }, {
2273
- "content": ";",
2274
- "props": {
2275
- "style": {
2276
- "color": "#81A1C1"
2277
- }
2278
- }
2279
- }]
2280
- }, {
2281
- "tokens": [{
2282
- "content": " ",
2283
- "props": {
2284
- "style": {
2285
- "color": "#D8DEE9FF"
2286
- }
2287
- }
2288
- }, {
2289
- "content": "},",
2290
- "props": {
2291
- "style": {
2292
- "color": "#ECEFF4"
2293
- }
2294
- }
2295
- }]
2296
- }, {
2297
- "tokens": [{
2298
- "content": "}",
2299
- "props": {
2300
- "style": {
2301
- "color": "#ECEFF4"
2302
- }
2303
- }
2304
- }, {
2305
- "content": ")",
2306
- "props": {
2307
- "style": {
2308
- "color": "#D8DEE9FF"
2309
- }
2310
- }
2311
- }, {
2312
- "content": ";",
2313
- "props": {
2314
- "style": {
2315
- "color": "#81A1C1"
2316
- }
2317
- }
2318
- }]
2319
- }],
2320
- "lang": "typescript"
2321
- },
2322
- "annotations": []
2323
- }]
2324
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2325
- children: ["在上面的代码实现中,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2326
- children: "preset.NPM_LIBRARY"
2327
- }), " 与预设字符串 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2328
- children: "\"npm-library\""
2329
- }), " 是相对应的,它代表着 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2330
- children: "\"npm-library\""
2331
- }), " 等价的多组构建相关的配置。我们通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2332
- children: "map"
2333
- }), " 方法遍历了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2334
- children: "NPM_LIBRARY"
2335
- }), " 这个数组,在这个数组中包含了多个 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2336
- children: "buildConfig"
2337
- }), " 对象。我们将原本的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2338
- children: "buildConfig"
2339
- }), " 对象进行了浅拷贝,并修改了浅拷贝后 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2340
- children: "target"
2341
- }), " 的值,将它指定为 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2342
- children: "es5"
2343
- }), "。"]
2344
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.blockquote, {
2345
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2346
- children: ["关于 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2347
- children: "preset.NPM_LIBRARY"
2348
- }), " 具体对应的值,可以通过 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2349
- href: "/module-tools/api/config/build-preset.html",
2350
- children: "BuildPreset API"
2351
- }), " 查看。在 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2352
- children: "preset"
2353
- }), " 对象下不仅包含了 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2354
- children: "NPM_LIBRARY"
2355
- }), ",还包含了其他类似的常量。\n我们不仅可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2356
- children: "preset.NPM_LIBRARY"
2357
- }), " 来获取 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2358
- children: "\"npm-library\""
2359
- }), " 对应的构建配置,也可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2360
- children: "preset['npm-library']"
2361
- }), " 这样的方式。"]
2362
- }), "\n"]
2363
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2364
- children: ["那么这里的 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2365
- children: "buildConfig"
2366
- }), " 对象是什么呢?之前提到的构建产物特点又是根据什么呢?"]
2367
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2368
- children: "接下来我们解释一下。"
2369
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
2370
- id: "构建配置对象",
2371
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2372
- className: "header-anchor",
2373
- "aria-hidden": "true",
2374
- href: "#构建配置对象",
2375
- children: "#"
2376
- }), "构建配置(对象)"]
2377
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2378
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.strong, {
2379
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2380
- children: "buildConfig"
2381
- }), " 是一个用来描述如何编译、生成构建产物的配置对象"]
2382
- }), "。在最开始提到的关于“", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.em, {
2383
- children: "构建产物的特点"
2384
- }), "”,其实都是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2385
- children: "buildConfig"
2386
- }), " 所支持的属性。目前所支持的属性覆盖了大部分模块类型项目在构建产物时的需求,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2387
- children: "buildConfig"
2388
- }), " 不仅包含一些产物所具备的属性,也包含了构建产物所需要的一些特性功能。接下来从分类的角度简单罗列一下:"]
2389
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2390
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
2391
- children: "构建产物的基本属性包括:"
2392
- })
2393
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2394
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2395
- children: ["产物是否被打包:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2396
- href: "/module-tools/api/config/build-config.html#buildtype",
2397
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2398
- children: "buildConfig.buildType"
2399
- })
2400
- }), "。"]
2401
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2402
- children: ["产物对于语法的支持:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2403
- href: "/module-tools/api/config/build-config.html#target",
2404
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2405
- children: "buildConfig.target"
2406
- })
2407
- }), "。"]
2408
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2409
- children: ["产物格式:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2410
- href: "/module-tools/api/config/build-config.html#format",
2411
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2412
- children: "buildConfig.format"
2413
- })
2414
- }), "。"]
2415
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2416
- children: ["产物类型文件如何处理,对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2417
- href: "/module-tools/api/config/build-config.html#dts",
2418
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2419
- children: "buildConfig.dts"
2420
- })
2421
- }), "。"]
2422
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2423
- children: ["产物的 sourceMap 如何处理:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2424
- href: "/module-tools/api/config/build-config.html#sourcemap",
2425
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2426
- children: "buildConfig.sourceMap"
2427
- })
2428
- }), "。"]
2429
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2430
- children: ["产物对应的输入(或者是源文件):对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2431
- href: "/module-tools/api/config/build-config.html#input",
2432
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2433
- children: "buildConfig.input"
2434
- })
2435
- }), "。"]
2436
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2437
- children: ["产物输出的目录:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2438
- href: "/module-tools/api/config/build-config.html#outdir-2",
2439
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2440
- children: "buildConfig.outDir"
2441
- })
2442
- }), "。"]
2443
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2444
- children: ["构建的源码目录:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2445
- href: "/module-tools/api/config/build-config.html#sourcedir",
2446
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2447
- children: "buildConfig.sourceDir"
2448
- })
2449
- }), "。"]
2450
- }), "\n"]
2451
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2452
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
2453
- children: "构建产物所需的常用功能包括:"
2454
- })
2455
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2456
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2457
- children: ["别名:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2458
- href: "/module-tools/api/config/build-config.html#alias",
2459
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2460
- children: "buildConfig.alias"
2461
- })
2462
- }), "。"]
2463
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2464
- children: ["静态资源处理:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2465
- href: "/module-tools/api/config/build-config.html#asset",
2466
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2467
- children: "buildConfig.asset"
2468
- })
2469
- }), "。"]
2470
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2471
- children: ["第三方依赖处理:对应的 API 有:", "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2472
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2473
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2474
- href: "/module-tools/api/config/build-config.html#autoexternal",
2475
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2476
- children: "buildConfig.autoExternal"
2477
- })
2478
- }), "。"]
2479
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2480
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2481
- href: "/module-tools/api/config/build-config.html#externals",
2482
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2483
- children: "buildConfig.externals"
2484
- })
2485
- }), "。"]
2486
- }), "\n"]
2487
- }), "\n"]
2488
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2489
- children: ["拷贝:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2490
- href: "/module-tools/api/config/build-config.html#copy",
2491
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2492
- children: "buildConfig.copy"
2493
- })
2494
- }), "。"]
2495
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2496
- children: ["全局变量替换:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2497
- href: "/module-tools/api/config/build-config.html#define",
2498
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2499
- children: "buildConfig.define"
2500
- })
2501
- }), "。"]
2502
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2503
- children: ["指定 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2504
- href: "https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html",
2505
- target: "_blank",
2506
- rel: "nofollow",
2507
- children: "JSX"
2508
- }), " 编译方式,对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2509
- href: "/module-tools/api/config/build-config.html#jsx",
2510
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2511
- children: "buildConfig.jsx"
2512
- })
2513
- }), "。"]
2514
- }), "\n"]
2515
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2516
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
2517
- children: "一些高级属性或者使用频率不高的功能:"
2518
- })
2519
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2520
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2521
- children: ["产物代码压缩:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2522
- href: "/module-tools/api/config/build-config.html#minify",
2523
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2524
- children: "buildConfig.minify"
2525
- })
2526
- }), "。"]
2527
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2528
- children: ["代码分割:", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2529
- href: "/module-tools/api/config/build-config.html#splitting",
2530
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2531
- children: "buildConfig.spitting"
2532
- })
2533
- })]
2534
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2535
- children: ["指定构建产物用于 NodeJS 环境还是浏览器环境:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2536
- href: "/module-tools/api/config/build-config.html#platform",
2537
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2538
- children: "buildConfig.platform"
2539
- })
2540
- }), "。"]
2541
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2542
- children: ["umd 产物相关:", "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2543
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2544
- children: ["指定 umd 产物外部导入的全局变量:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2545
- href: "/module-tools/api/config/build-config.html#umdglobals",
2546
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2547
- children: "buildConfig.umdGlobals"
2548
- })
2549
- }), "。"]
2550
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2551
- children: ["指定 umd 产物的模块名:对应的 API 是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2552
- href: "/module-tools/api/config/build-config.html#umdmodulename",
2553
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2554
- children: "buildConfig.umdModuleName"
2555
- })
2556
- }), "。"]
2557
- }), "\n"]
2558
- }), "\n"]
2559
- }), "\n"]
2560
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2561
- children: "除了以上分类以外,关于这些 API 的常见问题和最佳实践可以通过下面的链接来了解:"
2562
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.ul, {
2563
- children: ["\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2564
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.a, {
2565
- href: "/module-tools/guide/advance/in-depth-about-build.html#bundle-%E5%92%8C-bundleless-1",
2566
- children: ["什么是 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2567
- children: "bundle"
2568
- }), " 和 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2569
- children: "bundleless"
2570
- }), "?"]
2571
- })
2572
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2573
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.a, {
2574
- href: "/module-tools/guide/advance/in-depth-about-build.html#input-%E4%B8%8E-sourcedir-%E7%9A%84%E5%85%B3%E7%B3%BB",
2575
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2576
- children: "input"
2577
- }), " 与 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2578
- children: "sourceDir"
2579
- }), " 的关系"]
2580
- }), "。"]
2581
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.li, {
2582
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2583
- href: "/module-tools/guide/advance/in-depth-about-build.html#%E7%B1%BB%E5%9E%8B%E6%96%87%E4%BB%B6",
2584
- children: "产物中类型文件的多种生成方式"
2585
- }), "。"]
2586
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2587
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.a, {
2588
- href: "/module-tools/guide/advance/in-depth-about-build.html#buildconfigdefine-%E4%B8%8D%E5%90%8C%E5%9C%BA%E6%99%AF%E7%9A%84%E4%BD%BF%E7%94%A8%E6%96%B9%E5%BC%8F",
2589
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2590
- children: "buildConfig.define"
2591
- }), " 不同场景的使用方式。"]
2592
- })
2593
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2594
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2595
- href: "/module-tools/guide/advance/external-dependency.html",
2596
- children: "如何处理第三方依赖?"
2597
- })
2598
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2599
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2600
- href: "/module-tools/guide/advance/copy.html",
2601
- children: "如何使用拷贝?"
2602
- })
2603
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2604
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2605
- href: "/module-tools/guide/advance/build-umd.html#%E8%AE%BE%E7%BD%AE%E9%A1%B9%E7%9B%AE%E7%9A%84%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F%E5%90%8D%E7%A7%B0",
2606
- children: "如何构建 umd 产物?"
2607
- })
2608
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.li, {
2609
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2610
- href: "/module-tools/guide/advance/asset.html",
2611
- children: "静态资源目前所支持的能力。"
2612
- })
2613
- }), "\n"]
2614
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.h2, {
2615
- id: "什么时候使用-buildconfig",
2616
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.a, {
2617
- className: "header-anchor",
2618
- "aria-hidden": "true",
2619
- href: "#什么时候使用-buildconfig",
2620
- children: "#"
2621
- }), "什么时候使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2622
- children: "buildConfig"
2623
- })]
2624
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
2625
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2626
- children: "buildConfig"
2627
- }), " 是用于修改产物的方式之一,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.strong, {
2628
- children: ["当与 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2629
- children: "buildPreset"
2630
- }), " 配置同时存在的时候,只有 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
2631
- children: "buildConfig"
2632
- }), " 才会生效"]
2633
- }), "。因此如果按照如下方式配置:"]
2634
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
2635
- codeConfig: chCodeConfig,
2636
- northPanel: {
2637
- "tabs": [""],
2638
- "active": "",
2639
- "heightRatio": 1
2640
- },
2641
- files: [{
2642
- "name": "",
2643
- "focus": "",
2644
- "code": {
2645
- "lines": [{
2646
- "tokens": [{
2647
- "content": "import",
2648
- "props": {
2649
- "style": {
2650
- "color": "#81A1C1"
2651
- }
2652
- }
2653
- }, {
2654
- "content": " ",
2655
- "props": {
2656
- "style": {
2657
- "color": "#D8DEE9FF"
2658
- }
2659
- }
2660
- }, {
2661
- "content": "{",
2662
- "props": {
2663
- "style": {
2664
- "color": "#ECEFF4"
2665
- }
2666
- }
2667
- }, {
2668
- "content": " ",
2669
- "props": {
2670
- "style": {
2671
- "color": "#D8DEE9FF"
2672
- }
2673
- }
2674
- }, {
2675
- "content": "defineConfig",
2676
- "props": {
2677
- "style": {
2678
- "color": "#D8DEE9"
2679
- }
2680
- }
2681
- }, {
2682
- "content": " ",
2683
- "props": {
2684
- "style": {
2685
- "color": "#D8DEE9FF"
2686
- }
2687
- }
2688
- }, {
2689
- "content": "}",
2690
- "props": {
2691
- "style": {
2692
- "color": "#ECEFF4"
2693
- }
2694
- }
2695
- }, {
2696
- "content": " ",
2697
- "props": {
2698
- "style": {
2699
- "color": "#D8DEE9FF"
2700
- }
2701
- }
2702
- }, {
2703
- "content": "from",
2704
- "props": {
2705
- "style": {
2706
- "color": "#81A1C1"
2707
- }
2708
- }
2709
- }, {
2710
- "content": " ",
2711
- "props": {
2712
- "style": {
2713
- "color": "#D8DEE9FF"
2714
- }
2715
- }
2716
- }, {
2717
- "content": "'",
2718
- "props": {
2719
- "style": {
2720
- "color": "#ECEFF4"
2721
- }
2722
- }
2723
- }, {
2724
- "content": "@modern-js/module-tools",
2725
- "props": {
2726
- "style": {
2727
- "color": "#A3BE8C"
2728
- }
2729
- }
2730
- }, {
2731
- "content": "'",
2732
- "props": {
2733
- "style": {
2734
- "color": "#ECEFF4"
2735
- }
2736
- }
2737
- }, {
2738
- "content": ";",
2739
- "props": {
2740
- "style": {
2741
- "color": "#81A1C1"
2742
- }
2743
- }
2744
- }]
2745
- }, {
2746
- "tokens": []
2747
- }, {
2748
- "tokens": [{
2749
- "content": "export",
2750
- "props": {
2751
- "style": {
2752
- "color": "#81A1C1"
2753
- }
2754
- }
2755
- }, {
2756
- "content": " ",
2757
- "props": {
2758
- "style": {
2759
- "color": "#D8DEE9FF"
2760
- }
2761
- }
2762
- }, {
2763
- "content": "default",
2764
- "props": {
2765
- "style": {
2766
- "color": "#81A1C1"
2767
- }
2768
- }
2769
- }, {
2770
- "content": " ",
2771
- "props": {
2772
- "style": {
2773
- "color": "#D8DEE9FF"
2774
- }
2775
- }
2776
- }, {
2777
- "content": "defineConfig",
2778
- "props": {
2779
- "style": {
2780
- "color": "#88C0D0"
2781
- }
2782
- }
2783
- }, {
2784
- "content": "(",
2785
- "props": {
2786
- "style": {
2787
- "color": "#D8DEE9FF"
2788
- }
2789
- }
2790
- }, {
2791
- "content": "{",
2792
- "props": {
2793
- "style": {
2794
- "color": "#ECEFF4"
2795
- }
2796
- }
2797
- }]
2798
- }, {
2799
- "tokens": [{
2800
- "content": " ",
2801
- "props": {
2802
- "style": {
2803
- "color": "#D8DEE9FF"
2804
- }
2805
- }
2806
- }, {
2807
- "content": "buildConfig",
2808
- "props": {
2809
- "style": {
2810
- "color": "#D8DEE9"
2811
- }
2812
- }
2813
- }, {
2814
- "content": ":",
2815
- "props": {
2816
- "style": {
2817
- "color": "#ECEFF4"
2818
- }
2819
- }
2820
- }, {
2821
- "content": " ",
2822
- "props": {
2823
- "style": {
2824
- "color": "#D8DEE9FF"
2825
- }
2826
- }
2827
- }, {
2828
- "content": "{",
2829
- "props": {
2830
- "style": {
2831
- "color": "#ECEFF4"
2832
- }
2833
- }
2834
- }]
2835
- }, {
2836
- "tokens": [{
2837
- "content": " ",
2838
- "props": {
2839
- "style": {
2840
- "color": "#D8DEE9FF"
2841
- }
2842
- }
2843
- }, {
2844
- "content": "format",
2845
- "props": {
2846
- "style": {
2847
- "color": "#D8DEE9"
2848
- }
2849
- }
2850
- }, {
2851
- "content": ":",
2852
- "props": {
2853
- "style": {
2854
- "color": "#ECEFF4"
2855
- }
2856
- }
2857
- }, {
2858
- "content": " ",
2859
- "props": {
2860
- "style": {
2861
- "color": "#D8DEE9FF"
2862
- }
2863
- }
2864
- }, {
2865
- "content": "'",
2866
- "props": {
2867
- "style": {
2868
- "color": "#ECEFF4"
2869
- }
2870
- }
2871
- }, {
2872
- "content": "umd",
2873
- "props": {
2874
- "style": {
2875
- "color": "#A3BE8C"
2876
- }
2877
- }
2878
- }, {
2879
- "content": "'",
2880
- "props": {
2881
- "style": {
2882
- "color": "#ECEFF4"
2883
- }
2884
- }
2885
- }, {
2886
- "content": ",",
2887
- "props": {
2888
- "style": {
2889
- "color": "#ECEFF4"
2890
- }
2891
- }
2892
- }]
2893
- }, {
2894
- "tokens": [{
2895
- "content": " ",
2896
- "props": {
2897
- "style": {
2898
- "color": "#D8DEE9FF"
2899
- }
2900
- }
2901
- }, {
2902
- "content": "},",
2903
- "props": {
2904
- "style": {
2905
- "color": "#ECEFF4"
2906
- }
2907
- }
2908
- }]
2909
- }, {
2910
- "tokens": [{
2911
- "content": " ",
2912
- "props": {
2913
- "style": {
2914
- "color": "#D8DEE9FF"
2915
- }
2916
- }
2917
- }, {
2918
- "content": "buildPreset",
2919
- "props": {
2920
- "style": {
2921
- "color": "#D8DEE9"
2922
- }
2923
- }
2924
- }, {
2925
- "content": ":",
2926
- "props": {
2927
- "style": {
2928
- "color": "#ECEFF4"
2929
- }
2930
- }
2931
- }, {
2932
- "content": " ",
2933
- "props": {
2934
- "style": {
2935
- "color": "#D8DEE9FF"
2936
- }
2937
- }
2938
- }, {
2939
- "content": "'",
2940
- "props": {
2941
- "style": {
2942
- "color": "#ECEFF4"
2943
- }
2944
- }
2945
- }, {
2946
- "content": "npm-library",
2947
- "props": {
2948
- "style": {
2949
- "color": "#A3BE8C"
2950
- }
2951
- }
2952
- }, {
2953
- "content": "'",
2954
- "props": {
2955
- "style": {
2956
- "color": "#ECEFF4"
2957
- }
2958
- }
2959
- }, {
2960
- "content": ",",
2961
- "props": {
2962
- "style": {
2963
- "color": "#ECEFF4"
2964
- }
2965
- }
2966
- }]
2967
- }, {
2968
- "tokens": [{
2969
- "content": "}",
2970
- "props": {
2971
- "style": {
2972
- "color": "#ECEFF4"
2973
- }
2974
- }
2975
- }, {
2976
- "content": ")",
2977
- "props": {
2978
- "style": {
2979
- "color": "#D8DEE9FF"
2980
- }
2981
- }
2982
- }, {
2983
- "content": ";",
2984
- "props": {
2985
- "style": {
2986
- "color": "#81A1C1"
2987
- }
2988
- }
2989
- }]
2990
- }],
2991
- "lang": "typescript"
2992
- },
2993
- "annotations": []
2994
- }]
2995
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.p, {
2996
- children: "那么此时就会看到如下提示:"
2997
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(CH.Code, {
2998
- codeConfig: chCodeConfig,
2999
- northPanel: {
3000
- "tabs": [""],
3001
- "active": "",
3002
- "heightRatio": 1
3003
- },
3004
- files: [{
3005
- "name": "",
3006
- "focus": "",
3007
- "code": {
3008
- "lines": [{
3009
- "tokens": [{
3010
- "content": "因为同时出现 ",
3011
- "props": {
3012
- "style": {
3013
- "color": "#D8DEE9FF"
3014
- }
3015
- }
3016
- }, {
3017
- "content": "'",
3018
- "props": {
3019
- "style": {
3020
- "color": "#ECEFF4"
3021
- }
3022
- }
3023
- }, {
3024
- "content": "buildConfig",
3025
- "props": {
3026
- "style": {
3027
- "color": "#A3BE8C"
3028
- }
3029
- }
3030
- }, {
3031
- "content": "'",
3032
- "props": {
3033
- "style": {
3034
- "color": "#ECEFF4"
3035
- }
3036
- }
3037
- }, {
3038
- "content": " 和 ",
3039
- "props": {
3040
- "style": {
3041
- "color": "#D8DEE9FF"
3042
- }
3043
- }
3044
- }, {
3045
- "content": "'",
3046
- "props": {
3047
- "style": {
3048
- "color": "#ECEFF4"
3049
- }
3050
- }
3051
- }, {
3052
- "content": "buildPreset",
3053
- "props": {
3054
- "style": {
3055
- "color": "#A3BE8C"
3056
- }
3057
- }
3058
- }, {
3059
- "content": "'",
3060
- "props": {
3061
- "style": {
3062
- "color": "#ECEFF4"
3063
- }
3064
- }
3065
- }, {
3066
- "content": " 配置,因此仅 ",
3067
- "props": {
3068
- "style": {
3069
- "color": "#D8DEE9FF"
3070
- }
3071
- }
3072
- }, {
3073
- "content": "'",
3074
- "props": {
3075
- "style": {
3076
- "color": "#ECEFF4"
3077
- }
3078
- }
3079
- }, {
3080
- "content": "buildConfig",
3081
- "props": {
3082
- "style": {
3083
- "color": "#A3BE8C"
3084
- }
3085
- }
3086
- }, {
3087
- "content": "'",
3088
- "props": {
3089
- "style": {
3090
- "color": "#ECEFF4"
3091
- }
3092
- }
3093
- }, {
3094
- "content": " 配置生效",
3095
- "props": {
3096
- "style": {
3097
- "color": "#D8DEE9FF"
3098
- }
3099
- }
3100
- }]
3101
- }],
3102
- "lang": "bash"
3103
- },
3104
- "annotations": []
3105
- }]
3106
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
3107
- children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
3108
- children: "buildPreset"
3109
- }), " 代表的一组或者多组构建相关的配置都是由 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
3110
- children: "buildConfig"
3111
- }), " 组成,", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.strong, {
3112
- children: ["当使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
3113
- children: "buildPreset"
3114
- }), " 无法满足当前项目需求的时候,就可以使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
3115
- children: "buildConfig"
3116
- }), " 来自定义输出产物"]
3117
- }), "。"]
3118
- }), "\n", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components.p, {
3119
- children: ["在使用 ", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.code, {
3120
- children: "buildConfig"
3121
- }), " 的过程,就是对", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components.strong, {
3122
- children: "获得怎样的构建产物"
3123
- }), "的思考过程。"]
3124
- })]
3125
- });
3126
- }
3127
- function MDXContent(props = {}) {
3128
- const {wrapper: MDXLayout} = props.components || ({});
3129
- return MDXLayout ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MDXLayout, Object.assign({}, props, {
3130
- children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_createMdxContent, props)
3131
- })) : _createMdxContent(props);
3132
- }
3133
- /* harmony default export */ __webpack_exports__["default"] = (MDXContent);
3134
- function _missingMdxReference(id, component, place) {
3135
- throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it." + (place ? "\nIt’s referenced in your code at `" + place + "` in `/Users/bytedance/github/targeral/modern-dev/website/module-tools/docs/zh/guide/basic/modify-output-product.md`" : ""));
3136
- }
3137
-
3138
-
3139
- /***/ })
3140
-
3141
- }]);
3142
- //# sourceMappingURL=zh_guide_basic_modify-output-product.js.map