@modern-js/module-tools-docs 2.2.0 → 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 (156) hide show
  1. package/LICENSE +144 -0
  2. package/docs/en/api/plugin-api/plugin-hooks.md +2 -10
  3. package/docs/en/guide/advance/in-depth-about-dev-command.md +56 -12
  4. package/docs/en/guide/basic/before-getting-started.md +4 -14
  5. package/docs/en/guide/basic/command-preview.md +1 -1
  6. package/docs/en/guide/basic/modify-output-product.md +6 -2
  7. package/docs/en/guide/basic/use-micro-generator.md +62 -1
  8. package/docs/en/guide/basic/using-storybook.mdx +31 -9
  9. package/docs/en/guide/intro/getting-started.md +17 -8
  10. package/docs/en/index.md +14 -8
  11. package/docs/en/plugins/guide/getting-started.mdx +1 -1
  12. package/docs/zh/api/plugin-api/plugin-hooks.md +2 -10
  13. package/docs/zh/guide/advance/in-depth-about-dev-command.md +52 -13
  14. package/docs/zh/guide/basic/before-getting-started.md +4 -14
  15. package/docs/zh/guide/basic/command-preview.md +2 -2
  16. package/docs/zh/guide/basic/modify-output-product.md +5 -3
  17. package/docs/zh/guide/basic/publish-your-project.md +4 -4
  18. package/docs/zh/guide/basic/test-your-project.mdx +18 -5
  19. package/docs/zh/guide/basic/use-micro-generator.md +61 -1
  20. package/docs/zh/guide/basic/using-storybook.mdx +39 -13
  21. package/docs/zh/guide/intro/getting-started.md +17 -11
  22. package/docs/zh/index.md +16 -10
  23. package/docs/zh/plugins/guide/getting-started.mdx +1 -1
  24. package/modern.config.ts +4 -6
  25. package/package.json +4 -4
  26. package/doc_build/api/config/build-config.html +0 -332
  27. package/doc_build/api/config/build-preset.html +0 -43
  28. package/doc_build/api/config/design-system.html +0 -103
  29. package/doc_build/api/config/plugins.html +0 -7
  30. package/doc_build/api/config/testing.html +0 -21
  31. package/doc_build/api/index.html +0 -1
  32. package/doc_build/api/plugin-api/plugin-hooks.html +0 -113
  33. package/doc_build/en/api/config/build-config.html +0 -316
  34. package/doc_build/en/api/config/build-preset.html +0 -43
  35. package/doc_build/en/api/config/design-system.html +0 -117
  36. package/doc_build/en/api/config/plugins.html +0 -7
  37. package/doc_build/en/api/config/testing.html +0 -21
  38. package/doc_build/en/api/index.html +0 -1
  39. package/doc_build/en/api/plugin-api/plugin-hooks.html +0 -113
  40. package/doc_build/en/guide/advance/asset.html +0 -25
  41. package/doc_build/en/guide/advance/build-umd.html +0 -32
  42. package/doc_build/en/guide/advance/copy.html +0 -42
  43. package/doc_build/en/guide/advance/external-dependency.html +0 -31
  44. package/doc_build/en/guide/advance/in-depth-about-build.html +0 -112
  45. package/doc_build/en/guide/advance/in-depth-about-dev-command.html +0 -12
  46. package/doc_build/en/guide/advance/theme-config.html +0 -29
  47. package/doc_build/en/guide/basic/before-getting-started.html +0 -89
  48. package/doc_build/en/guide/basic/command-preview.html +0 -63
  49. package/doc_build/en/guide/basic/modify-output-product.html +0 -98
  50. package/doc_build/en/guide/basic/publish-your-project.html +0 -50
  51. package/doc_build/en/guide/basic/test-your-project.html +0 -31
  52. package/doc_build/en/guide/basic/use-micro-generator.html +0 -29
  53. package/doc_build/en/guide/basic/using-storybook.html +0 -66
  54. package/doc_build/en/guide/best-practices/components.html +0 -111
  55. package/doc_build/en/guide/intro/getting-started.html +0 -36
  56. package/doc_build/en/guide/intro/welcome.html +0 -13
  57. package/doc_build/en/guide/intro/why-module-engineering-solution.html +0 -9
  58. package/doc_build/en/index.html +0 -1
  59. package/doc_build/en/plugins/guide/getting-started.html +0 -15
  60. package/doc_build/en/plugins/guide/plugin-object.html +0 -14
  61. package/doc_build/en/plugins/guide/setup-function.html +0 -30
  62. package/doc_build/en/plugins/official-list/overview.html +0 -3
  63. package/doc_build/guide/advance/asset.html +0 -25
  64. package/doc_build/guide/advance/build-umd.html +0 -32
  65. package/doc_build/guide/advance/copy.html +0 -42
  66. package/doc_build/guide/advance/external-dependency.html +0 -31
  67. package/doc_build/guide/advance/in-depth-about-build.html +0 -112
  68. package/doc_build/guide/advance/in-depth-about-dev-command.html +0 -14
  69. package/doc_build/guide/advance/theme-config.html +0 -28
  70. package/doc_build/guide/basic/before-getting-started.html +0 -89
  71. package/doc_build/guide/basic/command-preview.html +0 -63
  72. package/doc_build/guide/basic/modify-output-product.html +0 -97
  73. package/doc_build/guide/basic/publish-your-project.html +0 -52
  74. package/doc_build/guide/basic/test-your-project.html +0 -32
  75. package/doc_build/guide/basic/use-micro-generator.html +0 -27
  76. package/doc_build/guide/basic/using-storybook.html +0 -67
  77. package/doc_build/guide/best-practices/components.html +0 -111
  78. package/doc_build/guide/intro/getting-started.html +0 -39
  79. package/doc_build/guide/intro/welcome.html +0 -13
  80. package/doc_build/guide/intro/why-module-engineering-solution.html +0 -9
  81. package/doc_build/index.html +0 -1
  82. package/doc_build/plugins/guide/getting-started.html +0 -15
  83. package/doc_build/plugins/guide/plugin-object.html +0 -14
  84. package/doc_build/plugins/guide/setup-function.html +0 -30
  85. package/doc_build/plugins/official-list/overview.html +0 -3
  86. package/doc_build/static/css/main.edaad072.css +0 -1
  87. package/doc_build/static/js/1607.70af642a.js +0 -2
  88. package/doc_build/static/js/1607.70af642a.js.LICENSE.txt +0 -23
  89. package/doc_build/static/js/async/3799.e31e8293.js +0 -1
  90. package/doc_build/static/js/async/8652.6fbf1cb7.js +0 -1
  91. package/doc_build/static/js/async/en_api_config_build-config.367a5701.js +0 -1
  92. package/doc_build/static/js/async/en_api_config_build-preset.0d78b268.js +0 -1
  93. package/doc_build/static/js/async/en_api_config_design-system.b28d6723.js +0 -1
  94. package/doc_build/static/js/async/en_api_config_plugins.fc95fb77.js +0 -1
  95. package/doc_build/static/js/async/en_api_config_testing.8bc7f316.js +0 -1
  96. package/doc_build/static/js/async/en_api_index.669f0a56.js +0 -1
  97. package/doc_build/static/js/async/en_api_plugin-api_plugin-hooks.60d0260c.js +0 -1
  98. package/doc_build/static/js/async/en_guide_advance_asset.5ff1d623.js +0 -1
  99. package/doc_build/static/js/async/en_guide_advance_build-umd.c254ed46.js +0 -1
  100. package/doc_build/static/js/async/en_guide_advance_copy.45c0a51d.js +0 -1
  101. package/doc_build/static/js/async/en_guide_advance_external-dependency.a52d3247.js +0 -1
  102. package/doc_build/static/js/async/en_guide_advance_in-depth-about-build.51bf3569.js +0 -1
  103. package/doc_build/static/js/async/en_guide_advance_in-depth-about-dev-command.aec0b4e1.js +0 -1
  104. package/doc_build/static/js/async/en_guide_advance_theme-config.db0ad9fc.js +0 -1
  105. package/doc_build/static/js/async/en_guide_basic_before-getting-started.a22fc49a.js +0 -1
  106. package/doc_build/static/js/async/en_guide_basic_command-preview.1707ed29.js +0 -1
  107. package/doc_build/static/js/async/en_guide_basic_modify-output-product.ad453d13.js +0 -1
  108. package/doc_build/static/js/async/en_guide_basic_publish-your-project.08c5112f.js +0 -1
  109. package/doc_build/static/js/async/en_guide_basic_test-your-project.f5f6b204.js +0 -1
  110. package/doc_build/static/js/async/en_guide_basic_use-micro-generator.56325139.js +0 -1
  111. package/doc_build/static/js/async/en_guide_basic_using-storybook.9d721554.js +0 -1
  112. package/doc_build/static/js/async/en_guide_best-practices_components.45155af9.js +0 -1
  113. package/doc_build/static/js/async/en_guide_intro_getting-started.f8682be3.js +0 -1
  114. package/doc_build/static/js/async/en_guide_intro_welcome.9cc45924.js +0 -1
  115. package/doc_build/static/js/async/en_guide_intro_why-module-engineering-solution.7f2dae5c.js +0 -1
  116. package/doc_build/static/js/async/en_index.7bd869c4.js +0 -1
  117. package/doc_build/static/js/async/en_plugins_guide_getting-started.b850249c.js +0 -1
  118. package/doc_build/static/js/async/en_plugins_guide_plugin-object.bf6c6221.js +0 -1
  119. package/doc_build/static/js/async/en_plugins_guide_setup-function.80a2bd97.js +0 -1
  120. package/doc_build/static/js/async/en_plugins_official-list_overview.84e5cea0.js +0 -1
  121. package/doc_build/static/js/async/zh_api_config_build-config.048fd5ec.js +0 -1
  122. package/doc_build/static/js/async/zh_api_config_build-preset.7c13584d.js +0 -1
  123. package/doc_build/static/js/async/zh_api_config_design-system.1eecd474.js +0 -1
  124. package/doc_build/static/js/async/zh_api_config_plugins.c22dc4be.js +0 -1
  125. package/doc_build/static/js/async/zh_api_config_testing.a9888eed.js +0 -1
  126. package/doc_build/static/js/async/zh_api_index.22957707.js +0 -1
  127. package/doc_build/static/js/async/zh_api_plugin-api_plugin-hooks.a4d81bf6.js +0 -1
  128. package/doc_build/static/js/async/zh_guide_advance_asset.5b936003.js +0 -1
  129. package/doc_build/static/js/async/zh_guide_advance_build-umd.b6d541ff.js +0 -1
  130. package/doc_build/static/js/async/zh_guide_advance_copy.21a1aea4.js +0 -1
  131. package/doc_build/static/js/async/zh_guide_advance_external-dependency.c7cf5d4b.js +0 -1
  132. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-build.64e795f3.js +0 -1
  133. package/doc_build/static/js/async/zh_guide_advance_in-depth-about-dev-command.168ce7dd.js +0 -1
  134. package/doc_build/static/js/async/zh_guide_advance_theme-config.b9570109.js +0 -1
  135. package/doc_build/static/js/async/zh_guide_basic_before-getting-started.6b06b54a.js +0 -1
  136. package/doc_build/static/js/async/zh_guide_basic_command-preview.1199124a.js +0 -1
  137. package/doc_build/static/js/async/zh_guide_basic_modify-output-product.8ccbc8d1.js +0 -1
  138. package/doc_build/static/js/async/zh_guide_basic_publish-your-project.bf11b1c4.js +0 -1
  139. package/doc_build/static/js/async/zh_guide_basic_test-your-project.ae52c47a.js +0 -1
  140. package/doc_build/static/js/async/zh_guide_basic_use-micro-generator.a091d57d.js +0 -1
  141. package/doc_build/static/js/async/zh_guide_basic_using-storybook.27829e44.js +0 -1
  142. package/doc_build/static/js/async/zh_guide_best-practices_components.7454d916.js +0 -1
  143. package/doc_build/static/js/async/zh_guide_intro_getting-started.a4c00d9a.js +0 -1
  144. package/doc_build/static/js/async/zh_guide_intro_welcome.71c3fe16.js +0 -1
  145. package/doc_build/static/js/async/zh_guide_intro_why-module-engineering-solution.6f8b5ff6.js +0 -1
  146. package/doc_build/static/js/async/zh_index.c19f9dcf.js +0 -1
  147. package/doc_build/static/js/async/zh_plugins_guide_getting-started.099dfaea.js +0 -1
  148. package/doc_build/static/js/async/zh_plugins_guide_plugin-object.963289d5.js +0 -1
  149. package/doc_build/static/js/async/zh_plugins_guide_setup-function.67d07b91.js +0 -1
  150. package/doc_build/static/js/async/zh_plugins_official-list_overview.a7635714.js +0 -1
  151. package/doc_build/static/js/lib-lodash.c5845536.js +0 -1
  152. package/doc_build/static/js/lib-polyfill.b3038509.js +0 -1
  153. package/doc_build/static/js/lib-react.d41ace5e.js +0 -2
  154. package/doc_build/static/js/lib-react.d41ace5e.js.LICENSE.txt +0 -29
  155. package/doc_build/static/js/main.2d3257a4.js +0 -1
  156. package/doc_build/static/search_index.json +0 -1
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[2633],{94255:function(e,o,t){t.r(o),t.d(o,{CH:function(){return a},chCodeConfig:function(){return i},content:function(){return u},frontmatter:function(){return s},title:function(){return d},toc:function(){return c}});var n=t(97458),r=t(53799);const a={annotations:r.ds,Code:r.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",theme:{name:"nord",type:"dark",semanticHighlighting:!0,colors:{focusBorder:"#3b4252",foreground:"#d8dee9","activityBar.background":"#2e3440","activityBar.dropBackground":"#3b4252","activityBar.foreground":"#d8dee9","activityBar.activeBorder":"#88c0d0","activityBar.activeBackground":"#3b4252","activityBarBadge.background":"#88c0d0","activityBarBadge.foreground":"#2e3440","badge.foreground":"#2e3440","badge.background":"#88c0d0","button.background":"#88c0d0ee","button.foreground":"#2e3440","button.hoverBackground":"#88c0d0","button.secondaryBackground":"#434c5e","button.secondaryForeground":"#d8dee9","button.secondaryHoverBackground":"#4c566a","charts.red":"#bf616a","charts.blue":"#81a1c1","charts.yellow":"#ebcb8b","charts.orange":"#d08770","charts.green":"#a3be8c","charts.purple":"#b48ead","charts.foreground":"#d8dee9","charts.lines":"#88c0d0","debugConsole.infoForeground":"#88c0d0","debugConsole.warningForeground":"#ebcb8b","debugConsole.errorForeground":"#bf616a","debugConsole.sourceForeground":"#616e88","debugConsoleInputIcon.foreground":"#81a1c1","debugExceptionWidget.background":"#4c566a","debugExceptionWidget.border":"#2e3440","debugToolBar.background":"#3b4252",descriptionForeground:"#d8dee9e6","diffEditor.insertedTextBackground":"#81a1c133","diffEditor.removedTextBackground":"#bf616a4d","dropdown.background":"#3b4252","dropdown.border":"#3b4252","dropdown.foreground":"#d8dee9","editorActiveLineNumber.foreground":"#d8dee9cc","editorCursor.foreground":"#d8dee9","editorHint.border":"#ebcb8b00","editorHint.foreground":"#ebcb8b","editorIndentGuide.background":"#434c5eb3","editorIndentGuide.activeBackground":"#4c566a","editorInlayHint.background":"#434c5e","editorInlayHint.foreground":"#d8dee9","editorLineNumber.foreground":"#4c566a","editorLineNumber.activeForeground":"#d8dee9","editorWhitespace.foreground":"#4c566ab3","editorWidget.background":"#2e3440","editorWidget.border":"#3b4252","editor.background":"#2e3440","editor.foreground":"#d8dee9","editor.hoverHighlightBackground":"#3b4252","editor.findMatchBackground":"#88c0d066","editor.findMatchHighlightBackground":"#88c0d033","editor.findRangeHighlightBackground":"#88c0d033","editor.lineHighlightBackground":"#3b4252","editor.lineHighlightBorder":"#3b4252","editor.inactiveSelectionBackground":"#434c5ecc","editor.inlineValuesBackground":"#4c566a","editor.inlineValuesForeground":"#eceff4","editor.selectionBackground":"#434c5ecc","editor.selectionHighlightBackground":"#434c5ecc","editor.rangeHighlightBackground":"#434c5e52","editor.wordHighlightBackground":"#81a1c166","editor.wordHighlightStrongBackground":"#81a1c199","editor.stackFrameHighlightBackground":"#5e81ac","editor.focusedStackFrameHighlightBackground":"#5e81ac","editorError.foreground":"#bf616a","editorError.border":"#bf616a00","editorWarning.foreground":"#ebcb8b","editorWarning.border":"#ebcb8b00","editorBracketMatch.background":"#2e344000","editorBracketMatch.border":"#88c0d0","editorBracketHighlight.foreground1":"#8fbcbb","editorBracketHighlight.foreground2":"#88c0d0","editorBracketHighlight.foreground3":"#81a1c1","editorBracketHighlight.foreground4":"#5e81ac","editorBracketHighlight.foreground5":"#8fbcbb","editorBracketHighlight.foreground6":"#88c0d0","editorBracketHighlight.unexpectedBracket.foreground":"#bf616a","editorCodeLens.foreground":"#4c566a","editorGroup.background":"#2e3440","editorGroup.border":"#3b425201","editorGroup.dropBackground":"#3b425299","editorGroupHeader.border":"#3b425200","editorGroupHeader.noTabsBackground":"#2e3440","editorGroupHeader.tabsBackground":"#2e3440","editorGroupHeader.tabsBorder":"#3b425200","editorGutter.background":"#2e3440","editorGutter.modifiedBackground":"#ebcb8b","editorGutter.addedBackground":"#a3be8c","editorGutter.deletedBackground":"#bf616a","editorHoverWidget.background":"#3b4252","editorHoverWidget.border":"#3b4252","editorLink.activeForeground":"#88c0d0","editorMarkerNavigation.background":"#5e81acc0","editorMarkerNavigationError.background":"#bf616ac0","editorMarkerNavigationWarning.background":"#ebcb8bc0","editorOverviewRuler.border":"#3b4252","editorOverviewRuler.currentContentForeground":"#3b4252","editorOverviewRuler.incomingContentForeground":"#3b4252","editorOverviewRuler.findMatchForeground":"#88c0d066","editorOverviewRuler.rangeHighlightForeground":"#88c0d066","editorOverviewRuler.selectionHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightStrongForeground":"#88c0d066","editorOverviewRuler.modifiedForeground":"#ebcb8b","editorOverviewRuler.addedForeground":"#a3be8c","editorOverviewRuler.deletedForeground":"#bf616a","editorOverviewRuler.errorForeground":"#bf616a","editorOverviewRuler.warningForeground":"#ebcb8b","editorOverviewRuler.infoForeground":"#81a1c1","editorRuler.foreground":"#434c5e","editorSuggestWidget.background":"#2e3440","editorSuggestWidget.border":"#3b4252","editorSuggestWidget.foreground":"#d8dee9","editorSuggestWidget.focusHighlightForeground":"#88c0d0","editorSuggestWidget.highlightForeground":"#88c0d0","editorSuggestWidget.selectedBackground":"#434c5e","editorSuggestWidget.selectedForeground":"#d8dee9","extensionButton.prominentForeground":"#d8dee9","extensionButton.prominentBackground":"#434c5e","extensionButton.prominentHoverBackground":"#4c566a",errorForeground:"#bf616a","gitDecoration.modifiedResourceForeground":"#ebcb8b","gitDecoration.deletedResourceForeground":"#bf616a","gitDecoration.untrackedResourceForeground":"#a3be8c","gitDecoration.ignoredResourceForeground":"#d8dee966","gitDecoration.conflictingResourceForeground":"#5e81ac","gitDecoration.submoduleResourceForeground":"#8fbcbb","gitDecoration.stageDeletedResourceForeground":"#bf616a","gitDecoration.stageModifiedResourceForeground":"#ebcb8b","input.background":"#3b4252","input.foreground":"#d8dee9","input.placeholderForeground":"#d8dee999","input.border":"#3b4252","inputOption.activeBackground":"#5e81ac","inputOption.activeBorder":"#5e81ac","inputOption.activeForeground":"#eceff4","inputValidation.errorBackground":"#bf616a","inputValidation.errorBorder":"#bf616a","inputValidation.infoBackground":"#81a1c1","inputValidation.infoBorder":"#81a1c1","inputValidation.warningBackground":"#d08770","inputValidation.warningBorder":"#d08770","keybindingLabel.background":"#4c566a","keybindingLabel.border":"#4c566a","keybindingLabel.bottomBorder":"#4c566a","keybindingLabel.foreground":"#d8dee9","list.activeSelectionBackground":"#88c0d0","list.activeSelectionForeground":"#2e3440","list.inactiveSelectionBackground":"#434c5e","list.inactiveSelectionForeground":"#d8dee9","list.inactiveFocusBackground":"#434c5ecc","list.hoverForeground":"#eceff4","list.focusForeground":"#d8dee9","list.focusBackground":"#88c0d099","list.focusHighlightForeground":"#eceff4","list.hoverBackground":"#3b4252","list.dropBackground":"#88c0d099","list.highlightForeground":"#88c0d0","list.errorForeground":"#bf616a","list.warningForeground":"#ebcb8b","merge.currentHeaderBackground":"#81a1c166","merge.currentContentBackground":"#81a1c14d","merge.incomingHeaderBackground":"#8fbcbb66","merge.incomingContentBackground":"#8fbcbb4d","merge.border":"#3b425200","minimap.background":"#2e3440","minimap.errorHighlight":"#bf616acc","minimap.findMatchHighlight":"#88c0d0","minimap.selectionHighlight":"#88c0d0cc","minimap.warningHighlight":"#ebcb8bcc","minimapGutter.addedBackground":"#a3be8c","minimapGutter.deletedBackground":"#bf616a","minimapGutter.modifiedBackground":"#ebcb8b","minimapSlider.activeBackground":"#434c5eaa","minimapSlider.background":"#434c5e99","minimapSlider.hoverBackground":"#434c5eaa","notification.background":"#3b4252","notification.buttonBackground":"#434c5e","notification.buttonForeground":"#d8dee9","notification.buttonHoverBackground":"#4c566a","notification.errorBackground":"#bf616a","notification.errorForeground":"#2e3440","notification.foreground":"#d8dee9","notification.infoBackground":"#88c0d0","notification.infoForeground":"#2e3440","notification.warningBackground":"#ebcb8b","notification.warningForeground":"#2e3440","notificationCenter.border":"#3b425200","notificationCenterHeader.background":"#2e3440","notificationCenterHeader.foreground":"#88c0d0","notificationLink.foreground":"#88c0d0","notifications.background":"#3b4252","notifications.border":"#2e3440","notifications.foreground":"#d8dee9","notificationToast.border":"#3b425200","panel.background":"#2e3440","panel.border":"#3b4252","panelTitle.activeBorder":"#88c0d000","panelTitle.activeForeground":"#88c0d0","panelTitle.inactiveForeground":"#d8dee9","peekView.border":"#4c566a","peekViewEditor.background":"#2e3440","peekViewEditorGutter.background":"#2e3440","peekViewEditor.matchHighlightBackground":"#88c0d04d","peekViewResult.background":"#2e3440","peekViewResult.fileForeground":"#88c0d0","peekViewResult.lineForeground":"#d8dee966","peekViewResult.matchHighlightBackground":"#88c0d0cc","peekViewResult.selectionBackground":"#434c5e","peekViewResult.selectionForeground":"#d8dee9","peekViewTitle.background":"#3b4252","peekViewTitleDescription.foreground":"#d8dee9","peekViewTitleLabel.foreground":"#88c0d0","pickerGroup.border":"#3b4252","pickerGroup.foreground":"#88c0d0","progressBar.background":"#88c0d0","quickInputList.focusBackground":"#88c0d0","quickInputList.focusForeground":"#2e3440","sash.hoverBorder":"#88c0d0","scrollbar.shadow":"#00000066","scrollbarSlider.activeBackground":"#434c5eaa","scrollbarSlider.background":"#434c5e99","scrollbarSlider.hoverBackground":"#434c5eaa","selection.background":"#88c0d099","sideBar.background":"#2e3440","sideBar.foreground":"#d8dee9","sideBar.border":"#3b4252","sideBarSectionHeader.background":"#3b4252","sideBarSectionHeader.foreground":"#d8dee9","sideBarTitle.foreground":"#d8dee9","statusBar.background":"#3b4252","statusBar.debuggingBackground":"#5e81ac","statusBar.debuggingForeground":"#d8dee9","statusBar.noFolderForeground":"#d8dee9","statusBar.noFolderBackground":"#3b4252","statusBar.foreground":"#d8dee9","statusBarItem.activeBackground":"#4c566a","statusBarItem.hoverBackground":"#434c5e","statusBarItem.prominentBackground":"#3b4252","statusBarItem.prominentHoverBackground":"#434c5e","statusBarItem.errorBackground":"#3b4252","statusBarItem.errorForeground":"#bf616a","statusBarItem.warningBackground":"#ebcb8b","statusBarItem.warningForeground":"#2e3440","statusBar.border":"#3b425200","tab.activeBackground":"#3b4252","tab.activeForeground":"#d8dee9","tab.border":"#3b425200","tab.activeBorder":"#88c0d000","tab.unfocusedActiveBorder":"#88c0d000","tab.inactiveBackground":"#2e3440","tab.inactiveForeground":"#d8dee966","tab.unfocusedActiveForeground":"#d8dee999","tab.unfocusedInactiveForeground":"#d8dee966","tab.hoverBackground":"#3b4252cc","tab.unfocusedHoverBackground":"#3b4252b3","tab.hoverBorder":"#88c0d000","tab.unfocusedHoverBorder":"#88c0d000","tab.activeBorderTop":"#88c0d000","tab.unfocusedActiveBorderTop":"#88c0d000","tab.lastPinnedBorder":"#4c566a","terminal.background":"#2e3440","terminal.foreground":"#d8dee9","terminal.ansiBlack":"#3b4252","terminal.ansiRed":"#bf616a","terminal.ansiGreen":"#a3be8c","terminal.ansiYellow":"#ebcb8b","terminal.ansiBlue":"#81a1c1","terminal.ansiMagenta":"#b48ead","terminal.ansiCyan":"#88c0d0","terminal.ansiWhite":"#e5e9f0","terminal.ansiBrightBlack":"#4c566a","terminal.ansiBrightRed":"#bf616a","terminal.ansiBrightGreen":"#a3be8c","terminal.ansiBrightYellow":"#ebcb8b","terminal.ansiBrightBlue":"#81a1c1","terminal.ansiBrightMagenta":"#b48ead","terminal.ansiBrightCyan":"#8fbcbb","terminal.ansiBrightWhite":"#eceff4","terminal.tab.activeBorder":"#88c0d0","textBlockQuote.background":"#3b4252","textBlockQuote.border":"#81a1c1","textCodeBlock.background":"#4c566a","textLink.activeForeground":"#88c0d0","textLink.foreground":"#88c0d0","textPreformat.foreground":"#8fbcbb","textSeparator.foreground":"#eceff4","titleBar.activeBackground":"#2e3440","titleBar.activeForeground":"#d8dee9","titleBar.border":"#2e344000","titleBar.inactiveBackground":"#2e3440","titleBar.inactiveForeground":"#d8dee966","tree.indentGuidesStroke":"#616e88","walkThrough.embeddedEditorBackground":"#2e3440","welcomePage.buttonBackground":"#434c5e","welcomePage.buttonHoverBackground":"#4c566a","widget.shadow":"#00000066"},tokenColors:[{settings:{foreground:"#d8dee9ff",background:"#2e3440ff"}},{scope:"emphasis",settings:{fontStyle:"italic"}},{scope:"strong",settings:{fontStyle:"bold"}},{name:"Comment",scope:"comment",settings:{foreground:"#616E88"}},{name:"Constant Character",scope:"constant.character",settings:{foreground:"#EBCB8B"}},{name:"Constant Character Escape",scope:"constant.character.escape",settings:{foreground:"#EBCB8B"}},{name:"Constant Language",scope:"constant.language",settings:{foreground:"#81A1C1"}},{name:"Constant Numeric",scope:"constant.numeric",settings:{foreground:"#B48EAD"}},{name:"Constant Regexp",scope:"constant.regexp",settings:{foreground:"#EBCB8B"}},{name:"Entity Name Class/Type",scope:["entity.name.class","entity.name.type.class"],settings:{foreground:"#8FBCBB"}},{name:"Entity Name Function",scope:"entity.name.function",settings:{foreground:"#88C0D0"}},{name:"Entity Name Tag",scope:"entity.name.tag",settings:{foreground:"#81A1C1"}},{name:"Entity Other Attribute Name",scope:"entity.other.attribute-name",settings:{foreground:"#8FBCBB"}},{name:"Entity Other Inherited Class",scope:"entity.other.inherited-class",settings:{fontStyle:"bold",foreground:"#8FBCBB"}},{name:"Invalid Deprecated",scope:"invalid.deprecated",settings:{foreground:"#D8DEE9",background:"#EBCB8B"}},{name:"Invalid Illegal",scope:"invalid.illegal",settings:{foreground:"#D8DEE9",background:"#BF616A"}},{name:"Keyword",scope:"keyword",settings:{foreground:"#81A1C1"}},{name:"Keyword Operator",scope:"keyword.operator",settings:{foreground:"#81A1C1"}},{name:"Keyword Other New",scope:"keyword.other.new",settings:{foreground:"#81A1C1"}},{name:"Markup Bold",scope:"markup.bold",settings:{fontStyle:"bold"}},{name:"Markup Changed",scope:"markup.changed",settings:{foreground:"#EBCB8B"}},{name:"Markup Deleted",scope:"markup.deleted",settings:{foreground:"#BF616A"}},{name:"Markup Inserted",scope:"markup.inserted",settings:{foreground:"#A3BE8C"}},{name:"Meta Preprocessor",scope:"meta.preprocessor",settings:{foreground:"#5E81AC"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Parameters",scope:["punctuation.definition.method-parameters","punctuation.definition.function-parameters","punctuation.definition.parameters"],settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Tag",scope:"punctuation.definition.tag",settings:{foreground:"#81A1C1"}},{name:"Punctuation Definition Comment",scope:["punctuation.definition.comment","punctuation.end.definition.comment","punctuation.start.definition.comment"],settings:{foreground:"#616E88"}},{name:"Punctuation Section",scope:"punctuation.section",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Section Embedded",scope:["punctuation.section.embedded.begin","punctuation.section.embedded.end"],settings:{foreground:"#81A1C1"}},{name:"Punctuation Terminator",scope:"punctuation.terminator",settings:{foreground:"#81A1C1"}},{name:"Punctuation Variable",scope:"punctuation.definition.variable",settings:{foreground:"#81A1C1"}},{name:"Storage",scope:"storage",settings:{foreground:"#81A1C1"}},{name:"String",scope:"string",settings:{foreground:"#A3BE8C"}},{name:"String Regexp",scope:"string.regexp",settings:{foreground:"#EBCB8B"}},{name:"Support Class",scope:"support.class",settings:{foreground:"#8FBCBB"}},{name:"Support Constant",scope:"support.constant",settings:{foreground:"#81A1C1"}},{name:"Support Function",scope:"support.function",settings:{foreground:"#88C0D0"}},{name:"Support Function Construct",scope:"support.function.construct",settings:{foreground:"#81A1C1"}},{name:"Support Type",scope:"support.type",settings:{foreground:"#8FBCBB"}},{name:"Support Type Exception",scope:"support.type.exception",settings:{foreground:"#8FBCBB"}},{name:"Token Debug",scope:"token.debug-token",settings:{foreground:"#b48ead"}},{name:"Token Error",scope:"token.error-token",settings:{foreground:"#bf616a"}},{name:"Token Info",scope:"token.info-token",settings:{foreground:"#88c0d0"}},{name:"Token Warning",scope:"token.warn-token",settings:{foreground:"#ebcb8b"}},{name:"Variable",scope:"variable.other",settings:{foreground:"#D8DEE9"}},{name:"Variable Language",scope:"variable.language",settings:{foreground:"#81A1C1"}},{name:"Variable Parameter",scope:"variable.parameter",settings:{foreground:"#D8DEE9"}},{name:"[C/CPP] Punctuation Separator Pointer-Access",scope:"punctuation.separator.pointer-access.c",settings:{foreground:"#81A1C1"}},{name:"[C/CPP] Meta Preprocessor Include",scope:["source.c meta.preprocessor.include","source.c string.quoted.other.lt-gt.include"],settings:{foreground:"#8FBCBB"}},{name:"[C/CPP] Conditional Directive",scope:["source.cpp keyword.control.directive.conditional","source.cpp punctuation.definition.directive","source.c keyword.control.directive.conditional","source.c punctuation.definition.directive"],settings:{foreground:"#5E81AC",fontStyle:"bold"}},{name:"[CSS] Constant Other Color RGB Value",scope:"source.css constant.other.color.rgb-value",settings:{foreground:"#B48EAD"}},{name:"[CSS](Function) Meta Property-Value",scope:"source.css meta.property-value",settings:{foreground:"#88C0D0"}},{name:"[CSS] Media Queries",scope:["source.css keyword.control.at-rule.media","source.css keyword.control.at-rule.media punctuation.definition.keyword"],settings:{foreground:"#D08770"}},{name:"[CSS] Punctuation Definition Keyword",scope:"source.css punctuation.definition.keyword",settings:{foreground:"#81A1C1"}},{name:"[CSS] Support Type Property Name",scope:"source.css support.type.property-name",settings:{foreground:"#D8DEE9"}},{name:"[diff] Meta Range Context",scope:"source.diff meta.diff.range.context",settings:{foreground:"#8FBCBB"}},{name:"[diff] Meta Header From-File",scope:"source.diff meta.diff.header.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition From-File",scope:"source.diff punctuation.definition.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Range",scope:"source.diff punctuation.definition.range",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Separator",scope:"source.diff punctuation.definition.separator",settings:{foreground:"#81A1C1"}},{name:"[Elixir](JakeBecker.elixir-ls) module names",scope:"entity.name.type.module.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Elixir](JakeBecker.elixir-ls) module attributes",scope:"variable.other.readwrite.module.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) atoms",scope:"constant.other.symbol.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) modules",scope:"variable.other.constant.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Go] String Format Placeholder",scope:"source.go constant.other.placeholder.go",settings:{foreground:"#EBCB8B"}},{name:"[Java](JavaDoc) Comment Block Documentation HTML Entities",scope:"source.java comment.block.documentation.javadoc punctuation.definition.entity.html",settings:{foreground:"#81A1C1"}},{name:"[Java](JavaDoc) Constant Other",scope:"source.java constant.other",settings:{foreground:"#D8DEE9"}},{name:"[Java](JavaDoc) Keyword Other Documentation",scope:"source.java keyword.other.documentation",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Author",scope:"source.java keyword.other.documentation.author.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Directive/Custom",scope:["source.java keyword.other.documentation.directive","source.java keyword.other.documentation.custom"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation See",scope:"source.java keyword.other.documentation.see.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java] Meta Method-Call",scope:"source.java meta.method-call meta.method",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Meta Tag Template Link",scope:["source.java meta.tag.template.link.javadoc","source.java string.other.link.title.javadoc"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Meta Tag Template Value",scope:"source.java meta.tag.template.value.javadoc",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Punctuation Definition Keyword",scope:"source.java punctuation.definition.keyword.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Punctuation Definition Tag",scope:["source.java punctuation.definition.tag.begin.javadoc","source.java punctuation.definition.tag.end.javadoc"],settings:{foreground:"#616E88"}},{name:"[Java] Storage Modifier Import",scope:"source.java storage.modifier.import",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Modifier Package",scope:"source.java storage.modifier.package",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type",scope:"source.java storage.type",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Annotation",scope:"source.java storage.type.annotation",settings:{foreground:"#D08770"}},{name:"[Java] Storage Type Generic",scope:"source.java storage.type.generic",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Primitive",scope:"source.java storage.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Decorator",scope:["source.js punctuation.decorator","source.js meta.decorator variable.other.readwrite","source.js meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[JavaScript] Meta Object-Literal Key",scope:"source.js meta.object-literal.key",settings:{foreground:"#88C0D0"}},{name:"[JavaScript](JSDoc) Storage Type Class",scope:"source.js storage.type.class.jsdoc",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] String Template Literals Punctuation",scope:["source.js string.quoted.template punctuation.quasi.element.begin","source.js string.quoted.template punctuation.quasi.element.end","source.js string.template punctuation.definition.template-expression"],settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Interpolated String Template Punctuation Functions",scope:"source.js string.quoted.template meta.method-call.with-arguments",settings:{foreground:"#ECEFF4"}},{name:"[JavaScript] String Template Literal Variable",scope:["source.js string.template meta.template.expression support.variable.property","source.js string.template meta.template.expression variable.other.object"],settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Support Type Primitive",scope:"source.js support.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Variable Other Object",scope:"source.js variable.other.object",settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Variable Other Read-Write Alias",scope:"source.js variable.other.readwrite.alias",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] Parentheses in Template Strings",scope:["source.js meta.embedded.line meta.brace.square","source.js meta.embedded.line meta.brace.round","source.js string.quoted.template meta.brace.square","source.js string.quoted.template meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[HTML] Constant Character Entity",scope:"text.html.basic constant.character.entity.html",settings:{foreground:"#EBCB8B"}},{name:"[HTML] Constant Other Inline-Data",scope:"text.html.basic constant.other.inline-data",settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[HTML] Meta Tag SGML Doctype",scope:"text.html.basic meta.tag.sgml.doctype",settings:{foreground:"#5E81AC"}},{name:"[HTML] Punctuation Definition Entity",scope:"text.html.basic punctuation.definition.entity",settings:{foreground:"#81A1C1"}},{name:"[INI] Entity Name Section Group-Title",scope:"source.properties entity.name.section.group-title.ini",settings:{foreground:"#88C0D0"}},{name:"[INI] Punctuation Separator Key-Value",scope:"source.properties punctuation.separator.key-value.ini",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Fenced Code Block",scope:["text.html.markdown markup.fenced_code.block","text.html.markdown markup.fenced_code.block punctuation.definition"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Heading",scope:"markup.heading",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Inline",scope:["text.html.markdown markup.inline.raw","text.html.markdown markup.inline.raw punctuation.definition.raw"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Italic",scope:"text.html.markdown markup.italic",settings:{fontStyle:"italic"}},{name:"[Markdown] Markup Link",scope:"text.html.markdown markup.underline.link",settings:{fontStyle:"underline"}},{name:"[Markdown] Markup List Numbered/Unnumbered",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown beginning.punctuation.definition.quote",settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown markup.quote",settings:{foreground:"#616E88"}},{name:"[Markdown] Markup Math Constant",scope:"text.html.markdown constant.character.math.tex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Math Definition Marker",scope:["text.html.markdown punctuation.definition.math.begin","text.html.markdown punctuation.definition.math.end"],settings:{foreground:"#5E81AC"}},{name:"[Markdown] Markup Math Function Definition Marker",scope:"text.html.markdown punctuation.definition.function.math.tex",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Math Operator",scope:"text.html.markdown punctuation.math.operator.latex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Heading",scope:"text.html.markdown punctuation.definition.heading",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Constant/String",scope:["text.html.markdown punctuation.definition.constant","text.html.markdown punctuation.definition.string"],settings:{foreground:"#81A1C1"}},{name:"[Markdown] String Other Link Description/Title",scope:["text.html.markdown constant.other.reference.link","text.html.markdown string.other.link.description","text.html.markdown string.other.link.title"],settings:{foreground:"#88C0D0"}},{name:"[Perl] Perl Sigils",scope:"source.perl punctuation.definition.variable",settings:{foreground:"#D8DEE9"}},{name:"[PHP] Meta Function-Call Object",scope:["source.php meta.function-call","source.php meta.function-call.object"],settings:{foreground:"#88C0D0"}},{name:"[Python] Decorator",scope:["source.python entity.name.function.decorator","source.python meta.function.decorator support.type"],settings:{foreground:"#D08770"}},{name:"[Python] Function Call",scope:"source.python meta.function-call.generic",settings:{foreground:"#88C0D0"}},{name:"[Python] Support Type",scope:"source.python support.type",settings:{foreground:"#88C0D0"}},{name:"[Python] Function Parameter",scope:["source.python variable.parameter.function.language"],settings:{foreground:"#D8DEE9"}},{name:"[Python] Function Parameter Special",scope:["source.python meta.function.parameters variable.parameter.function.language.special.self"],settings:{foreground:"#81A1C1"}},{name:"[Rust] Entity types",scope:"source.rust entity.name.type",settings:{foreground:"#8FBCBB"}},{name:"[Rust] Macro",scope:"source.rust meta.macro entity.name.function",settings:{fontStyle:"bold",foreground:"#88C0D0"}},{name:"[Rust] Attributes",scope:["source.rust meta.attribute","source.rust meta.attribute punctuation","source.rust meta.attribute keyword.operator"],settings:{foreground:"#5E81AC"}},{name:"[Rust] Traits",scope:"source.rust entity.name.type.trait",settings:{fontStyle:"bold"}},{name:"[Rust] Interpolation Bracket Curly",scope:"source.rust punctuation.definition.interpolation",settings:{foreground:"#EBCB8B"}},{name:"[SCSS] Punctuation Definition Interpolation Bracket Curly",scope:["source.css.scss punctuation.definition.interpolation.begin.bracket.curly","source.css.scss punctuation.definition.interpolation.end.bracket.curly"],settings:{foreground:"#81A1C1"}},{name:"[SCSS] Variable Interpolation",scope:"source.css.scss variable.interpolation",settings:{foreground:"#D8DEE9",fontStyle:"italic"}},{name:"[TypeScript] Decorators",scope:["source.ts punctuation.decorator","source.ts meta.decorator variable.other.readwrite","source.ts meta.decorator entity.name.function","source.tsx punctuation.decorator","source.tsx meta.decorator variable.other.readwrite","source.tsx meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[TypeScript] Object-literal keys",scope:["source.ts meta.object-literal.key","source.tsx meta.object-literal.key"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Object-literal functions",scope:["source.ts meta.object-literal.key entity.name.function","source.tsx meta.object-literal.key entity.name.function"],settings:{foreground:"#88C0D0"}},{name:"[TypeScript] Type/Class",scope:["source.ts support.class","source.ts support.type","source.ts entity.name.type","source.ts entity.name.class","source.tsx support.class","source.tsx support.type","source.tsx entity.name.type","source.tsx entity.name.class"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Static Class Support",scope:["source.ts support.constant.math","source.ts support.constant.dom","source.ts support.constant.json","source.tsx support.constant.math","source.tsx support.constant.dom","source.tsx support.constant.json"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Variables",scope:["source.ts support.variable","source.tsx support.variable"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Parentheses in Template Strings",scope:["source.ts meta.embedded.line meta.brace.square","source.ts meta.embedded.line meta.brace.round","source.tsx meta.embedded.line meta.brace.square","source.tsx meta.embedded.line meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[XML] Entity Name Tag Namespace",scope:"text.xml entity.name.tag.namespace",settings:{foreground:"#8FBCBB"}},{name:"[XML] Keyword Other Doctype",scope:"text.xml keyword.other.doctype",settings:{foreground:"#5E81AC"}},{name:"[XML] Meta Tag Preprocessor",scope:"text.xml meta.tag.preprocessor entity.name.tag",settings:{foreground:"#5E81AC"}},{name:"[XML] Entity Name Tag Namespace",scope:["text.xml string.unquoted.cdata","text.xml string.unquoted.cdata punctuation.definition.string"],settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[YAML] Entity Name Tag",scope:"source.yaml entity.name.tag",settings:{foreground:"#8FBCBB"}}]},autoImport:!0,showCopyButton:!0,skipLanguages:[],filepath:"/Users/bytedance/modern.js/website/module-tools/docs/zh/guide/intro/getting-started.md"},s={sidebar_position:3},c=[{id:"\u4e09\u5206\u949f\u5feb\u901f\u4e0a\u624b",text:"\u4e09\u5206\u949f\u5feb\u901f\u4e0a\u624b",depth:2},{id:"\u8ba9\u6211\u4eec\u5f00\u59cb\u5427",text:"\u8ba9\u6211\u4eec\u5f00\u59cb\u5427",depth:2}],d="\u5feb\u901f\u5f00\u59cb",u='"---\\nsidebar_position: 3\\n---\\n\\n# \u5feb\u901f\u5f00\u59cb\\n\\n## \u4e09\u5206\u949f\u5feb\u901f\u4e0a\u624b\\n\\n\u60f3\u8981\u5b9e\u9645\u4f53\u9a8c Module Tools\uff1f\u9996\u5148\u9700\u8981\u5b89\u88c5 [Node.js LTS](https://github.com/nodejs/Release)\uff0c\u5e76\u786e\u4fdd Node \u7248\u672c\u5927\u4e8e\u7b49\u4e8e **14.18.0**\u3002\\n\\n\u7136\u540e\u5728\u4f60\u7684\u9879\u76ee\u91cc\u5b89\u88c5\u4ee5\u4e0b\u4f9d\u8d56\uff1a\\n\\n- `@modern-js/module-tools`\\n- `@modern-js/plugin-testing`\\n\\n> \u5982\u679c\u662f\u4e00\u4e2a TypeScript \u9879\u76ee\uff0c\u5219\u9700\u8981\u589e\u52a0 `\\"typescript\\"` \u4f9d\u8d56\u3002\\n\\n```bash\\nnpm install -D @modern-js/module-tools @modern-js/plugin-testing\\n```\\n\\n> \u5bf9\u4e8e\u4f7f\u7528 pnpm \u6216\u8005 Yarn \u5305\u7ba1\u7406\u5668\u7684\u9879\u76ee\uff0c\u53ea\u9700\u8981\u66ff\u6362 npm \u5c31\u53ef\u4ee5\u4e86\u3002**\u63a8\u8350\u4f7f\u7528 pnpm**\u3002\\n\\n\u63a5\u7740\u5728\u9879\u76ee\u7684 `package.json` \u6587\u4ef6\u91cc\u589e\u52a0\u547d\u4ee4 `\\"build\\": \\"modern build\\"`\uff1a\\n\\n```json\\n{\\n \\"scripts\\": {\\n \\"build\\": \\"modern build\\"\\n }\\n}\\n```\\n\\n\u5982\u679c\u4f60\u7684\u9879\u76ee\u5b58\u5728 `src/index.(js|jsx)` \u6587\u4ef6\u6216\u8005\u540c\u65f6\u5b58\u5728 `src/index.(ts|tsx)` \u548c `tsconfig.json` \u6587\u4ef6\uff0c\u90a3\u4e48\u606d\u559c\u4f60\u53ef\u4ee5\u8fd0\u884c\u76f4\u63a5\u8fd0\u884c `npm run build` \u6765\u4f7f\u7528 Module Tools \u6784\u5efa\u4f60\u7684\u9879\u76ee\u4e86\u3002\\n\\n**\u5982\u679c\u4f60\u60f3\u8981\u770b\u770b\u4f7f\u7528\u4e86\u6a21\u5757\u5de5\u7a0b\u65b9\u6848\u7684\u771f\u5b9e\u9879\u76ee\uff0c\u53ef\u4ee5\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4**\uff1a\\n\\n```bash\\ngit clone https://github.com/modern-js-dev/module-tools-examples\\ncd module-tools-example\\n\\n## \u6267\u884c\u6784\u5efa\uff1a\\npnpm build\\n\\n## \u76d1\u542c\u6a21\u5f0f\u6267\u884c\u6784\u5efa\uff1a\\npnpm build --watch\\n\\n## \u542f\u52a8 Storybook\\npnpm dev storybook\\n\\n## \u6d4b\u8bd5\\npnpm test\\n```\\n\\n> \u4e0a\u9762\u7684\u94fe\u63a5\u5bf9\u5e94\u7684\u5185\u5bb9\u5f85\u8865\u5145\\n\\n**\u5982\u679c\u4f60\u60f3\u8981\u521b\u5efa\u4e00\u4e2a\u5b8c\u6574\u7684\u6a21\u5757\u5de5\u7a0b\u9879\u76ee\uff0c\u53ef\u4ee5\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4\uff1a**\\n\\n```bash\\nnpx @modern-js/create your-project-dir-name\\n```\\n\\n\u63a5\u7740\u5728\u95ee\u9898\u4ea4\u4e92\u4e2d\uff0c\u6309\u7167\u5982\u4e0b\u9009\u62e9\uff1a\\n\\n```bash\\n? \u8bf7\u9009\u62e9\u4f60\u60f3\u521b\u5efa\u7684\u5de5\u7a0b\u7c7b\u578b \u6a21\u5757\\n? \u8bf7\u586b\u5199\u9879\u76ee\u540d\u79f0 library\\n? \u8bf7\u9009\u62e9\u5f00\u53d1\u8bed\u8a00 TS\\n? \u8bf7\u9009\u62e9\u5305\u7ba1\u7406\u5de5\u5177 pnpm\\n```\\n\\n> \u9879\u76ee\u540d\u79f0\u4e3a `package.json` \u4e2d\u7684 `\\"name\\"` \u5b57\u6bb5\u503c\u3002\\n\\n\u63a5\u7740\u5c31\u4f1a\u5f00\u59cb\u521d\u59cb\u5316\u9879\u76ee\u7684\u6d41\u7a0b\u3002\u5728\u9879\u76ee\u76ee\u5f55\u548c\u6587\u4ef6\u751f\u6210\u4ee5\u53ca\u4f9d\u8d56\u5b89\u88c5\u5b8c\u6bd5\u540e\uff0c\u6b64\u65f6\u5c31\u521b\u5efa\u4e86\u4e00\u4e2a\u5b8c\u6574\u7684\u6a21\u5757\u5de5\u7a0b\u9879\u76ee\u3002\\n\\n\u6211\u4eec\u53ef\u4ee5\u76f4\u63a5\u6267\u884c `pnpm build` \u547d\u4ee4\u542f\u52a8\u9879\u76ee\u7684\u6784\u5efa\uff0c\u6267\u884c `pnpm build --watch` \u547d\u4ee4\u5f00\u542f\u6784\u5efa\u7684\u89c2\u5bdf\u6a21\u5f0f\u3002\\n\\n## \u8ba9\u6211\u4eec\u5f00\u59cb\u5427\\n\\n\u9009\u62e9\u9002\u5408\u4f60\u7684\u6559\u7a0b\uff1a\\n\\n- \u6211\u662f\u521d\u5b66\u8005\uff0c\u9700\u8981\u5b66\u4e60 Module Tools \u7684[\u57fa\u7840\u4f7f\u7528](/guide/basic/before-getting-started)\u3002\\n- \u6211\u5df2\u7ecf\u521d\u6b65\u638c\u63e1\u4e86 Module Tools \u7684\u4f7f\u7528\uff0c\u53ef\u4ee5\u5b66\u4e60 Module Tools \u7684[\u9ad8\u7ea7\u4f7f\u7528](/guide/basic/before-getting-started)\u3002\\n- \u6211\u662f\u9879\u76ee\u7684\u7ef4\u62a4\u8005\uff0c\u9700\u8981\u5b66\u4e60\u5982\u4f55\u5f00\u53d1 Module Tools \u7684\u63d2\u4ef6\u4ee5\u53ca\u4e86\u89e3\u66f4\u591a\u5173\u4e8e Module Tools \u8fdb\u9636\u7684\u5185\u5bb9\u3002\\n"';function g(e){const o=Object.assign({h1:"h1",a:"a",h2:"h2",p:"p",strong:"strong",ul:"ul",li:"li",code:"code",blockquote:"blockquote"},e.components);return a||l("CH",!1),a.Code||l("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.h1,{id:"\u5feb\u901f\u5f00\u59cb",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u5feb\u901f\u5f00\u59cb",children:"#"}),"\u5feb\u901f\u5f00\u59cb"]}),"\n",(0,n.jsxs)(o.h2,{id:"\u4e09\u5206\u949f\u5feb\u901f\u4e0a\u624b",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u4e09\u5206\u949f\u5feb\u901f\u4e0a\u624b",children:"#"}),"\u4e09\u5206\u949f\u5feb\u901f\u4e0a\u624b"]}),"\n",(0,n.jsxs)(o.p,{children:["\u60f3\u8981\u5b9e\u9645\u4f53\u9a8c Module Tools\uff1f\u9996\u5148\u9700\u8981\u5b89\u88c5 ",(0,n.jsx)(o.a,{href:"https://github.com/nodejs/Release",target:"_blank",rel:"nofollow",children:"Node.js LTS"}),"\uff0c\u5e76\u786e\u4fdd Node \u7248\u672c\u5927\u4e8e\u7b49\u4e8e ",(0,n.jsx)(o.strong,{children:"14.18.0"}),"\u3002"]}),"\n",(0,n.jsx)(o.p,{children:"\u7136\u540e\u5728\u4f60\u7684\u9879\u76ee\u91cc\u5b89\u88c5\u4ee5\u4e0b\u4f9d\u8d56\uff1a"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:(0,n.jsx)(o.code,{children:"@modern-js/module-tools"})}),"\n",(0,n.jsx)(o.li,{children:(0,n.jsx)(o.code,{children:"@modern-js/plugin-testing"})}),"\n"]}),"\n",(0,n.jsxs)(o.blockquote,{children:["\n",(0,n.jsxs)(o.p,{children:["\u5982\u679c\u662f\u4e00\u4e2a TypeScript \u9879\u76ee\uff0c\u5219\u9700\u8981\u589e\u52a0 ",(0,n.jsx)(o.code,{children:'"typescript"'})," \u4f9d\u8d56\u3002"]}),"\n"]}),"\n",(0,n.jsx)(a.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"npm install -D @modern-js/module-tools @modern-js/plugin-testing",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(o.blockquote,{children:["\n",(0,n.jsxs)(o.p,{children:["\u5bf9\u4e8e\u4f7f\u7528 pnpm \u6216\u8005 Yarn \u5305\u7ba1\u7406\u5668\u7684\u9879\u76ee\uff0c\u53ea\u9700\u8981\u66ff\u6362 npm \u5c31\u53ef\u4ee5\u4e86\u3002",(0,n.jsx)(o.strong,{children:"\u63a8\u8350\u4f7f\u7528 pnpm"}),"\u3002"]}),"\n"]}),"\n",(0,n.jsxs)(o.p,{children:["\u63a5\u7740\u5728\u9879\u76ee\u7684 ",(0,n.jsx)(o.code,{children:"package.json"})," \u6587\u4ef6\u91cc\u589e\u52a0\u547d\u4ee4 ",(0,n.jsx)(o.code,{children:'"build": "modern build"'}),"\uff1a"]}),"\n",(0,n.jsx)(a.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"scripts",props:{style:{color:"#8FBCBB"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"build",props:{style:{color:"#8FBCBB"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"modern build",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"json"},annotations:[]}]}),"\n",(0,n.jsxs)(o.p,{children:["\u5982\u679c\u4f60\u7684\u9879\u76ee\u5b58\u5728 ",(0,n.jsx)(o.code,{children:"src/index.(js|jsx)"})," \u6587\u4ef6\u6216\u8005\u540c\u65f6\u5b58\u5728 ",(0,n.jsx)(o.code,{children:"src/index.(ts|tsx)"})," \u548c ",(0,n.jsx)(o.code,{children:"tsconfig.json"})," \u6587\u4ef6\uff0c\u90a3\u4e48\u606d\u559c\u4f60\u53ef\u4ee5\u8fd0\u884c\u76f4\u63a5\u8fd0\u884c ",(0,n.jsx)(o.code,{children:"npm run build"})," \u6765\u4f7f\u7528 Module Tools \u6784\u5efa\u4f60\u7684\u9879\u76ee\u4e86\u3002"]}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.jsx)(o.strong,{children:"\u5982\u679c\u4f60\u60f3\u8981\u770b\u770b\u4f7f\u7528\u4e86\u6a21\u5757\u5de5\u7a0b\u65b9\u6848\u7684\u771f\u5b9e\u9879\u76ee\uff0c\u53ef\u4ee5\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4"}),"\uff1a"]}),"\n",(0,n.jsx)(a.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"git clone https://github.com/modern-js-dev/module-tools-examples",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"cd",props:{style:{color:"#88C0D0"}}},{content:" module-tools-example",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[]},{tokens:[{content:"## \u6267\u884c\u6784\u5efa\uff1a",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"pnpm build",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[]},{tokens:[{content:"## \u76d1\u542c\u6a21\u5f0f\u6267\u884c\u6784\u5efa\uff1a",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"pnpm build --watch",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[]},{tokens:[{content:"## \u542f\u52a8 Storybook",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"pnpm dev storybook",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[]},{tokens:[{content:"## \u6d4b\u8bd5",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"pnpm ",props:{style:{color:"#D8DEE9FF"}}},{content:"test",props:{style:{color:"#88C0D0"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(o.blockquote,{children:["\n",(0,n.jsx)(o.p,{children:"\u4e0a\u9762\u7684\u94fe\u63a5\u5bf9\u5e94\u7684\u5185\u5bb9\u5f85\u8865\u5145"}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.strong,{children:"\u5982\u679c\u4f60\u60f3\u8981\u521b\u5efa\u4e00\u4e2a\u5b8c\u6574\u7684\u6a21\u5757\u5de5\u7a0b\u9879\u76ee\uff0c\u53ef\u4ee5\u6267\u884c\u4ee5\u4e0b\u547d\u4ee4\uff1a"})}),"\n",(0,n.jsx)(a.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"npx @modern-js/create your-project-dir-name",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(o.p,{children:"\u63a5\u7740\u5728\u95ee\u9898\u4ea4\u4e92\u4e2d\uff0c\u6309\u7167\u5982\u4e0b\u9009\u62e9\uff1a"}),"\n",(0,n.jsx)(a.Code,{codeConfig:i,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"?",props:{style:{color:"#81A1C1"}}},{content:" \u8bf7\u9009\u62e9\u4f60\u60f3\u521b\u5efa\u7684\u5de5\u7a0b\u7c7b\u578b \u6a21\u5757",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"?",props:{style:{color:"#81A1C1"}}},{content:" \u8bf7\u586b\u5199\u9879\u76ee\u540d\u79f0 library",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"?",props:{style:{color:"#81A1C1"}}},{content:" \u8bf7\u9009\u62e9\u5f00\u53d1\u8bed\u8a00 TS",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"?",props:{style:{color:"#81A1C1"}}},{content:" \u8bf7\u9009\u62e9\u5305\u7ba1\u7406\u5de5\u5177 pnpm",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(o.blockquote,{children:["\n",(0,n.jsxs)(o.p,{children:["\u9879\u76ee\u540d\u79f0\u4e3a ",(0,n.jsx)(o.code,{children:"package.json"})," \u4e2d\u7684 ",(0,n.jsx)(o.code,{children:'"name"'})," \u5b57\u6bb5\u503c\u3002"]}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:"\u63a5\u7740\u5c31\u4f1a\u5f00\u59cb\u521d\u59cb\u5316\u9879\u76ee\u7684\u6d41\u7a0b\u3002\u5728\u9879\u76ee\u76ee\u5f55\u548c\u6587\u4ef6\u751f\u6210\u4ee5\u53ca\u4f9d\u8d56\u5b89\u88c5\u5b8c\u6bd5\u540e\uff0c\u6b64\u65f6\u5c31\u521b\u5efa\u4e86\u4e00\u4e2a\u5b8c\u6574\u7684\u6a21\u5757\u5de5\u7a0b\u9879\u76ee\u3002"}),"\n",(0,n.jsxs)(o.p,{children:["\u6211\u4eec\u53ef\u4ee5\u76f4\u63a5\u6267\u884c ",(0,n.jsx)(o.code,{children:"pnpm build"})," \u547d\u4ee4\u542f\u52a8\u9879\u76ee\u7684\u6784\u5efa\uff0c\u6267\u884c ",(0,n.jsx)(o.code,{children:"pnpm build --watch"})," \u547d\u4ee4\u5f00\u542f\u6784\u5efa\u7684\u89c2\u5bdf\u6a21\u5f0f\u3002"]}),"\n",(0,n.jsxs)(o.h2,{id:"\u8ba9\u6211\u4eec\u5f00\u59cb\u5427",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u8ba9\u6211\u4eec\u5f00\u59cb\u5427",children:"#"}),"\u8ba9\u6211\u4eec\u5f00\u59cb\u5427"]}),"\n",(0,n.jsx)(o.p,{children:"\u9009\u62e9\u9002\u5408\u4f60\u7684\u6559\u7a0b\uff1a"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:["\u6211\u662f\u521d\u5b66\u8005\uff0c\u9700\u8981\u5b66\u4e60 Module Tools \u7684",(0,n.jsx)(o.a,{href:"/module-tools/guide/basic/before-getting-started.html",children:"\u57fa\u7840\u4f7f\u7528"}),"\u3002"]}),"\n",(0,n.jsxs)(o.li,{children:["\u6211\u5df2\u7ecf\u521d\u6b65\u638c\u63e1\u4e86 Module Tools \u7684\u4f7f\u7528\uff0c\u53ef\u4ee5\u5b66\u4e60 Module Tools \u7684",(0,n.jsx)(o.a,{href:"/module-tools/guide/basic/before-getting-started.html",children:"\u9ad8\u7ea7\u4f7f\u7528"}),"\u3002"]}),"\n",(0,n.jsx)(o.li,{children:"\u6211\u662f\u9879\u76ee\u7684\u7ef4\u62a4\u8005\uff0c\u9700\u8981\u5b66\u4e60\u5982\u4f55\u5f00\u53d1 Module Tools \u7684\u63d2\u4ef6\u4ee5\u53ca\u4e86\u89e3\u66f4\u591a\u5173\u4e8e Module Tools \u8fdb\u9636\u7684\u5185\u5bb9\u3002"}),"\n"]})]})}function l(e,o){throw new Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}o.default=function(e={}){const{wrapper:o}=e.components||{};return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(g,e)})):g(e)}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[2034],{18190:function(o,e,s){s.r(e),s.d(e,{content:function(){return d},frontmatter:function(){return r},title:function(){return l},toc:function(){return t}});var n=s(97458);const r={sidebar_position:1},t=[],l="\u6b22\u8fce\u4f7f\u7528",d='"---\\nsidebar_position: 1\\n---\\n\\n# \u6b22\u8fce\u4f7f\u7528\\n\\nModule Tools \u662f Modern.js \u7684\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\uff0c\u540c\u65f6\u4e5f\u662f\u6838\u5fc3\u4f9d\u8d56\u3002\u5b83\u53ef\u4ee5\u8ba9\u5f00\u53d1\u8005\u66f4\u8f7b\u677e\u5730\u6784\u5efa\u3001\u8c03\u8bd5\u3001\u53d1\u5e03\u6a21\u5757\u7c7b\u578b\u7684\u9879\u76ee\u3002\u6a21\u5757\u7c7b\u578b\u7684\u9879\u76ee\u5927\u591a\u6570\u60c5\u51b5\u53ef\u4ee5\u8ba4\u4e3a\u662f npm \u5305\u7c7b\u578b\u7684\u9879\u76ee\uff0c\u5b83\u53ef\u80fd\u662f\u4e00\u4e2a\u7ec4\u4ef6\u3001\u7ec4\u4ef6\u5e93\u6216\u8005\u5de5\u5177\u5e93\u9879\u76ee\u3002\\n\\n\u5982\u679c\u4f60\u6b63\u6253\u7b97\u5f00\u53d1\u4e00\u4e2a npm \u5305\u7c7b\u578b\u7684\u9879\u76ee\uff0c\u90a3\u4e48\u4f60\u5c31\u6765\u5bf9\u5730\u65b9\u4e86\uff01Modern.js \u63d0\u4f9b\u4e86\u4e13\u4e1a\u7684\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\u3002\u5b83\u5e26\u6765\u4e86\uff1a\\n\\n- **\u7b80\u5355\u7684\u9879\u76ee\u521d\u59cb\u5316**\uff1a\u4ec5\u9700\u6267\u884c `npx @modern-js/create project-dir` \u547d\u4ee4\uff0c\u7136\u540e\u8fdb\u884c\u51e0\u4e2a\u4ea4\u4e92\u95ee\u9898\uff0c\u5c31\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5b8c\u6574\u7684\u6a21\u5757\u7c7b\u578b\u9879\u76ee\u3002\u521b\u5efa\u7684\u9879\u76ee\u8fd8\u652f\u6301\u9009\u62e9 [**pnpm**](https://pnpm.io/)\u3001[**Yarn**](https://classic.yarnpkg.com/) \u4e24\u79cd\u5305\u7ba1\u7406\u5668\u3002\\n- **\u4ee3\u7801\u683c\u5f0f\u5316**\uff1a\u5728\u6a21\u5757\u5de5\u7a0b\u9879\u76ee\u4e2d\uff0c\u4f60\u53ef\u4ee5\u6267\u884c `modern lint` \u6765\u5bf9\u4ee3\u7801\u8fdb\u884c\u683c\u5f0f\u5316\u3002\u540c\u65f6\u521d\u59cb\u5316\u7684\u6a21\u5757\u5de5\u7a0b\u9879\u76ee\u91cc\u5305\u542b\u4e86 Modern.js \u7684 [ESLint](https://eslint.org/docs/latest/user-guide/core-concepts#what-is-eslint) \u89c4\u5219\u96c6\uff0c\u53ef\u4ee5\u6ee1\u8db3\u5927\u90e8\u5206\u573a\u666f\u4e0b\u7684\u9700\u6c42\u3002\\n- **\u5168\u9762\u7684\u6784\u5efa\u80fd\u529b\u548c\u66f4\u5feb\u7684\u6784\u5efa\u901f\u5ea6**\uff1aModule Tools \u57fa\u4e8e [esbuild](https://esbuild.github.io/getting-started/) \u548c [SWC](https://swc.rs/) \u63d0\u4f9b\u4e86\u9ad8\u6027\u80fd\u7684\u6784\u5efa\u80fd\u529b\uff0c\u5e76\u4e14\u4e3a\u4e0d\u540c\u6784\u5efa\u6a21\u5757\u7684\u573a\u666f\u63d0\u4f9b\u4e86\u4e30\u5bcc\u7684\u914d\u7f6e\u3002\\n- **Storybook \u8c03\u8bd5\u5de5\u5177**\uff1aModule Tools \u4e3a\u8c03\u8bd5\u6a21\u5757\u9879\u76ee\u63d0\u4f9b\u4e86 [Storybook](https://storybook.js.org/) \u8c03\u8bd5\u5de5\u5177\u3002\u5728\u5b89\u88c5\u4e86 Module Tools \u7684 Storybook \u63d2\u4ef6\u540e\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 `modern dev storybook` \u547d\u4ee4\u6765\u542f\u52a8\u5b83\u3002\u4f60\u4e0d\u4ec5\u53ef\u4ee5\u4f7f\u7528 Storybook \u5bf9\u7ec4\u4ef6\u8fdb\u884c\u8c03\u8bd5\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528\u5728\u5176\u4ed6\u7c7b\u578b\u7684\u6a21\u5757\u4e0a\u3002\\n- **\u96c6\u6210 Jest \u7684\u6d4b\u8bd5\u80fd\u529b**\uff1a\u5728\u9700\u8981\u5bf9\u6a21\u5757\u6d4b\u8bd5\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528 Module Tools \u7684 `modern test` \u547d\u4ee4\u3002Module Tools \u4e0d\u4ec5\u96c6\u6210\u4e86 [Jest](https://jestjs.io/)\uff0c\u540c\u65f6\u4e5f\u63d0\u4f9b\u4e86\u914d\u7f6e [Jest](https://jestjs.io/docs/configuration) \u7684 API\u3002\\n- **\u57fa\u4e8e Changesets \u5b9e\u73b0\u7684\u7248\u672c\u7ba1\u7406**\uff1a\u5f53\u9700\u8981\u5bf9\u9879\u76ee\u8bb0\u5f55\u53d8\u66f4\u5185\u5bb9\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528 `modern change` \u547d\u4ee4\u751f\u6210\u5305\u542b\u53d8\u66f4\u5185\u5bb9\u7684 Markdown \u6587\u4ef6\uff1b\u5f53\u9700\u8981\u5bf9\u9879\u76ee\u8fdb\u884c\u7248\u672c\u5347\u7ea7\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528 `modern bump` \u547d\u4ee4\u901a\u8fc7 Markdown \u6587\u4ef6\u5206\u6790\u5e76\u5347\u7ea7\u7248\u672c\uff1b\u5f53\u9700\u8981\u53d1\u5e03\u9879\u76ee\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528 `modern release` \u547d\u4ee4\u5bf9\u9879\u76ee\u8fdb\u884c\u53d1\u5e03\u3002Module Tools \u57fa\u4e8e [Changesets](https://github.com/changesets/changesets) \u5b9e\u73b0\u4e86\u8fd9\u4e9b\u547d\u4ee4\u3002\\n- **\u53ef\u6269\u5c55\u6027\u7684\u63d2\u4ef6\u673a\u5236**\uff1a\u60f3\u8981\u4e3a\u9879\u76ee\u96c6\u6210\u5176\u4ed6\u7684\u8c03\u8bd5\u5de5\u5177\uff1f\u53c8\u6216\u8005\u662f\u60f3\u8981\u5728\u6784\u5efa\u8fc7\u7a0b\u4e2d\u505a\u4e00\u4e9b\u989d\u5916\u5904\u7406\uff1fModule Tools \u63d0\u4f9b\u4e86\u63d2\u4ef6\u673a\u5236\u548c\u63d2\u4ef6\u94a9\u5b50\uff0c\u63d2\u4ef6\u94a9\u5b50\u8986\u76d6\u4e86 `dev` \u547d\u4ee4\u548c `build` \u547d\u4ee4\u4e24\u4e2a\u6d41\u7a0b\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7\u5b83\u4eec\u4e3a\u9879\u76ee\u8fdb\u884c\u80fd\u529b\u7684\u6269\u5c55\u3002\\n- **\u8fd8\u6709\u66f4\u591a**\uff1aModule Tools \u5728\u672a\u6765\u8fd8\u4f1a\u4e0d\u65ad\u7684\u5728\u6784\u5efa\u3001\u8c03\u8bd5\u529f\u80fd\u4e0a\u8fdb\u884c\u4f18\u5316\u3002\u5982\u679c\u5728\u6a21\u5757\u9879\u76ee\u6784\u5efa\u4e0a\u5b58\u5728\u9700\u8981\u89e3\u51b3\u7684\u91cd\u8981\u95ee\u9898\uff0c\u53c8\u6216\u8005\u662f\u67d0\u4e2a\u4e3b\u6d41\u7684\u6a21\u5757\u9879\u76ee\u8c03\u8bd5\u5de5\u5177\u3001\u6a21\u5f0f\u51fa\u73b0\u7684\u65f6\u5019\uff0c\u90a3\u4e48\u5b83\u4eec\u5f88\u53ef\u80fd\u6210\u4e3a Module Tools \u5c06\u8981\u652f\u6301\u529f\u80fd\u3002\\n"';function i(o){const e=Object.assign({h1:"h1",a:"a",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},o.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(e.h1,{id:"\u6b22\u8fce\u4f7f\u7528",children:[(0,n.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#\u6b22\u8fce\u4f7f\u7528",children:"#"}),"\u6b22\u8fce\u4f7f\u7528"]}),"\n",(0,n.jsx)(e.p,{children:"Module Tools \u662f Modern.js \u7684\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\uff0c\u540c\u65f6\u4e5f\u662f\u6838\u5fc3\u4f9d\u8d56\u3002\u5b83\u53ef\u4ee5\u8ba9\u5f00\u53d1\u8005\u66f4\u8f7b\u677e\u5730\u6784\u5efa\u3001\u8c03\u8bd5\u3001\u53d1\u5e03\u6a21\u5757\u7c7b\u578b\u7684\u9879\u76ee\u3002\u6a21\u5757\u7c7b\u578b\u7684\u9879\u76ee\u5927\u591a\u6570\u60c5\u51b5\u53ef\u4ee5\u8ba4\u4e3a\u662f npm \u5305\u7c7b\u578b\u7684\u9879\u76ee\uff0c\u5b83\u53ef\u80fd\u662f\u4e00\u4e2a\u7ec4\u4ef6\u3001\u7ec4\u4ef6\u5e93\u6216\u8005\u5de5\u5177\u5e93\u9879\u76ee\u3002"}),"\n",(0,n.jsx)(e.p,{children:"\u5982\u679c\u4f60\u6b63\u6253\u7b97\u5f00\u53d1\u4e00\u4e2a npm \u5305\u7c7b\u578b\u7684\u9879\u76ee\uff0c\u90a3\u4e48\u4f60\u5c31\u6765\u5bf9\u5730\u65b9\u4e86\uff01Modern.js \u63d0\u4f9b\u4e86\u4e13\u4e1a\u7684\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\u3002\u5b83\u5e26\u6765\u4e86\uff1a"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u7b80\u5355\u7684\u9879\u76ee\u521d\u59cb\u5316"}),"\uff1a\u4ec5\u9700\u6267\u884c ",(0,n.jsx)(e.code,{children:"npx @modern-js/create project-dir"})," \u547d\u4ee4\uff0c\u7136\u540e\u8fdb\u884c\u51e0\u4e2a\u4ea4\u4e92\u95ee\u9898\uff0c\u5c31\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5b8c\u6574\u7684\u6a21\u5757\u7c7b\u578b\u9879\u76ee\u3002\u521b\u5efa\u7684\u9879\u76ee\u8fd8\u652f\u6301\u9009\u62e9 ",(0,n.jsx)(e.a,{href:"https://pnpm.io/",target:"_blank",rel:"nofollow",children:(0,n.jsx)(e.strong,{children:"pnpm"})}),"\u3001",(0,n.jsx)(e.a,{href:"https://classic.yarnpkg.com/",target:"_blank",rel:"nofollow",children:(0,n.jsx)(e.strong,{children:"Yarn"})})," \u4e24\u79cd\u5305\u7ba1\u7406\u5668\u3002"]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u4ee3\u7801\u683c\u5f0f\u5316"}),"\uff1a\u5728\u6a21\u5757\u5de5\u7a0b\u9879\u76ee\u4e2d\uff0c\u4f60\u53ef\u4ee5\u6267\u884c ",(0,n.jsx)(e.code,{children:"modern lint"})," \u6765\u5bf9\u4ee3\u7801\u8fdb\u884c\u683c\u5f0f\u5316\u3002\u540c\u65f6\u521d\u59cb\u5316\u7684\u6a21\u5757\u5de5\u7a0b\u9879\u76ee\u91cc\u5305\u542b\u4e86 Modern.js \u7684 ",(0,n.jsx)(e.a,{href:"https://eslint.org/docs/latest/user-guide/core-concepts#what-is-eslint-2",target:"_blank",rel:"nofollow",children:"ESLint"})," \u89c4\u5219\u96c6\uff0c\u53ef\u4ee5\u6ee1\u8db3\u5927\u90e8\u5206\u573a\u666f\u4e0b\u7684\u9700\u6c42\u3002"]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u5168\u9762\u7684\u6784\u5efa\u80fd\u529b\u548c\u66f4\u5feb\u7684\u6784\u5efa\u901f\u5ea6"}),"\uff1aModule Tools \u57fa\u4e8e ",(0,n.jsx)(e.a,{href:"https://esbuild.github.io/getting-started/",target:"_blank",rel:"nofollow",children:"esbuild"})," \u548c ",(0,n.jsx)(e.a,{href:"https://swc.rs/",target:"_blank",rel:"nofollow",children:"SWC"})," \u63d0\u4f9b\u4e86\u9ad8\u6027\u80fd\u7684\u6784\u5efa\u80fd\u529b\uff0c\u5e76\u4e14\u4e3a\u4e0d\u540c\u6784\u5efa\u6a21\u5757\u7684\u573a\u666f\u63d0\u4f9b\u4e86\u4e30\u5bcc\u7684\u914d\u7f6e\u3002"]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"Storybook \u8c03\u8bd5\u5de5\u5177"}),"\uff1aModule Tools \u4e3a\u8c03\u8bd5\u6a21\u5757\u9879\u76ee\u63d0\u4f9b\u4e86 ",(0,n.jsx)(e.a,{href:"https://storybook.js.org/",target:"_blank",rel:"nofollow",children:"Storybook"})," \u8c03\u8bd5\u5de5\u5177\u3002\u5728\u5b89\u88c5\u4e86 Module Tools \u7684 Storybook \u63d2\u4ef6\u540e\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 ",(0,n.jsx)(e.code,{children:"modern dev storybook"})," \u547d\u4ee4\u6765\u542f\u52a8\u5b83\u3002\u4f60\u4e0d\u4ec5\u53ef\u4ee5\u4f7f\u7528 Storybook \u5bf9\u7ec4\u4ef6\u8fdb\u884c\u8c03\u8bd5\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528\u5728\u5176\u4ed6\u7c7b\u578b\u7684\u6a21\u5757\u4e0a\u3002"]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u96c6\u6210 Jest \u7684\u6d4b\u8bd5\u80fd\u529b"}),"\uff1a\u5728\u9700\u8981\u5bf9\u6a21\u5757\u6d4b\u8bd5\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528 Module Tools \u7684 ",(0,n.jsx)(e.code,{children:"modern test"})," \u547d\u4ee4\u3002Module Tools \u4e0d\u4ec5\u96c6\u6210\u4e86 ",(0,n.jsx)(e.a,{href:"https://jestjs.io/",target:"_blank",rel:"nofollow",children:"Jest"}),"\uff0c\u540c\u65f6\u4e5f\u63d0\u4f9b\u4e86\u914d\u7f6e ",(0,n.jsx)(e.a,{href:"https://jestjs.io/docs/configuration",target:"_blank",rel:"nofollow",children:"Jest"})," \u7684 API\u3002"]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u57fa\u4e8e Changesets \u5b9e\u73b0\u7684\u7248\u672c\u7ba1\u7406"}),"\uff1a\u5f53\u9700\u8981\u5bf9\u9879\u76ee\u8bb0\u5f55\u53d8\u66f4\u5185\u5bb9\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528 ",(0,n.jsx)(e.code,{children:"modern change"})," \u547d\u4ee4\u751f\u6210\u5305\u542b\u53d8\u66f4\u5185\u5bb9\u7684 Markdown \u6587\u4ef6\uff1b\u5f53\u9700\u8981\u5bf9\u9879\u76ee\u8fdb\u884c\u7248\u672c\u5347\u7ea7\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528 ",(0,n.jsx)(e.code,{children:"modern bump"})," \u547d\u4ee4\u901a\u8fc7 Markdown \u6587\u4ef6\u5206\u6790\u5e76\u5347\u7ea7\u7248\u672c\uff1b\u5f53\u9700\u8981\u53d1\u5e03\u9879\u76ee\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4f7f\u7528 ",(0,n.jsx)(e.code,{children:"modern release"})," \u547d\u4ee4\u5bf9\u9879\u76ee\u8fdb\u884c\u53d1\u5e03\u3002Module Tools \u57fa\u4e8e ",(0,n.jsx)(e.a,{href:"https://github.com/changesets/changesets",target:"_blank",rel:"nofollow",children:"Changesets"})," \u5b9e\u73b0\u4e86\u8fd9\u4e9b\u547d\u4ee4\u3002"]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u53ef\u6269\u5c55\u6027\u7684\u63d2\u4ef6\u673a\u5236"}),"\uff1a\u60f3\u8981\u4e3a\u9879\u76ee\u96c6\u6210\u5176\u4ed6\u7684\u8c03\u8bd5\u5de5\u5177\uff1f\u53c8\u6216\u8005\u662f\u60f3\u8981\u5728\u6784\u5efa\u8fc7\u7a0b\u4e2d\u505a\u4e00\u4e9b\u989d\u5916\u5904\u7406\uff1fModule Tools \u63d0\u4f9b\u4e86\u63d2\u4ef6\u673a\u5236\u548c\u63d2\u4ef6\u94a9\u5b50\uff0c\u63d2\u4ef6\u94a9\u5b50\u8986\u76d6\u4e86 ",(0,n.jsx)(e.code,{children:"dev"})," \u547d\u4ee4\u548c ",(0,n.jsx)(e.code,{children:"build"})," \u547d\u4ee4\u4e24\u4e2a\u6d41\u7a0b\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7\u5b83\u4eec\u4e3a\u9879\u76ee\u8fdb\u884c\u80fd\u529b\u7684\u6269\u5c55\u3002"]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.strong,{children:"\u8fd8\u6709\u66f4\u591a"}),"\uff1aModule Tools \u5728\u672a\u6765\u8fd8\u4f1a\u4e0d\u65ad\u7684\u5728\u6784\u5efa\u3001\u8c03\u8bd5\u529f\u80fd\u4e0a\u8fdb\u884c\u4f18\u5316\u3002\u5982\u679c\u5728\u6a21\u5757\u9879\u76ee\u6784\u5efa\u4e0a\u5b58\u5728\u9700\u8981\u89e3\u51b3\u7684\u91cd\u8981\u95ee\u9898\uff0c\u53c8\u6216\u8005\u662f\u67d0\u4e2a\u4e3b\u6d41\u7684\u6a21\u5757\u9879\u76ee\u8c03\u8bd5\u5de5\u5177\u3001\u6a21\u5f0f\u51fa\u73b0\u7684\u65f6\u5019\uff0c\u90a3\u4e48\u5b83\u4eec\u5f88\u53ef\u80fd\u6210\u4e3a Module Tools \u5c06\u8981\u652f\u6301\u529f\u80fd\u3002"]}),"\n"]})]})}e.default=function(o={}){const{wrapper:e}=o.components||{};return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(i,o)})):i(o)}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[1108],{63197:function(n,e,o){o.r(e),o.d(e,{content:function(){return c},frontmatter:function(){return t},title:function(){return r},toc:function(){return l}});var s=o(97458);const t={sidebar_position:2},l=[],r="\u4e3a\u4ec0\u4e48\u9700\u8981\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848",c='"---\\nsidebar_position: 2\\n---\\n\\n# \u4e3a\u4ec0\u4e48\u9700\u8981\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\\n\\n\u5927\u5bb6\u53ef\u80fd\u90fd\u7ecf\u5386\u8fc7\uff1a\u4ece\u96f6\u5f00\u59cb\u5f00\u53d1\u4e00\u4e2a\u7ec4\u4ef6\u5e93\u6216\u8005\u5de5\u5177\u5e93\u7684\u8fc7\u7a0b\u4e2d\uff0c\u6211\u4eec\u4e0d\u4ec5\u8981\u8003\u8651\u9879\u76ee\u672c\u8eab\u7684\u4ee3\u7801\u903b\u8f91\u5982\u4f55\u7f16\u5199\uff0c\u8fd8\u8981\u8003\u8651\u9879\u76ee\u7684\u6784\u5efa\u3001\u8c03\u8bd5\u3001\u6d4b\u8bd5\u3001\u4ee3\u7801\u683c\u5f0f\u5316\u7b49\u7b49\u548c\u4ee3\u7801\u903b\u8f91\u65e0\u5173\u7684\u4e8b\u60c5\u3002\\n\\n\u6bd4\u5982\u8bf4\uff0c\u5f53\u6211\u4eec\u8003\u8651\u6784\u5efa\u6a21\u5757\u9879\u76ee\u7684\u4ee3\u7801\u662f\u4f7f\u7528\u4ec0\u4e48\u6784\u5efa\u5de5\u5177\u7684\u65f6\u5019\uff0c\u5728\u4e4b\u524d\u6211\u4eec\u53ef\u80fd\u4f1a\u8003\u8651\u4f7f\u7528 [webpack](https://webpack.js.org/) \u8fd8\u662f [Rollup](https://rollupjs.org/guide/en/)\uff0c\u7136\u800c\u73b0\u5728\u7684\u8bdd\uff0c\u4e5f\u8bb8\u8fd8\u4f1a\u8003\u8651\u662f\u4f7f\u7528 [esbuild](https://esbuild.github.io/) \u8fd8\u662f [SWC](https://swc.rs/)\u3002\\n\\n\u65e0\u8bba\u9009\u62e9\u54ea\u4e2a\u6784\u5efa\u5de5\u5177\uff0c\u8fd9\u5bf9\u4e8e\u6ca1\u6709\u719f\u7ec3\u638c\u63e1\u8fd9\u4e9b\u6784\u5efa\u5de5\u5177\u4f7f\u7528\u65b9\u5f0f\u7684\u5f00\u53d1\u8005\u6765\u8bf4\uff0c\u662f\u9700\u8981\u4e00\u5b9a\u7684\u6210\u672c\u53bb\u5b66\u4e60\u7684\u3002\u5373\u4f7f\u60f3\u8981\u5feb\u901f\u4f7f\u7528\uff0c\u4e5f\u4f1a\u9700\u8981\u82b1\u8d39\u5927\u91cf\u7684\u65f6\u95f4\u548c\u7cbe\u529b\u3002\\n\\n\u800c\u9664\u4e86\u6784\u5efa\u8fd9\u4ef6\u4e8b\u60c5\u4ee5\u5916\uff0c\u50cf\u4e3a\u9879\u76ee\u63d0\u4f9b\u8c03\u8bd5\u5de5\u5177\u3001\u652f\u6301\u6d4b\u8bd5\u80fd\u529b\u3001\u589e\u52a0\u4ee3\u7801\u683c\u5f0f\u6821\u9a8c\u7b49\u7b49\uff0c\u5bf9\u4e8e\u4e00\u4e2a\u65b0\u624b\u6765\u8bf4\u90fd\u6709\u53ef\u80fd\u9700\u8981\u82b1\u8d39\u5f88\u957f\u7684\u65f6\u95f4\u548c\u7cbe\u529b\u4e86\u89e3\u6216\u8005\u638c\u63e1\u5b83\u4eec\uff0c\u5e76\u4e14\u771f\u6b63\u7684\u670d\u52a1\u4e8e\u5f53\u524d\u7684\u9879\u76ee\u4e2d\u3002\\n\\n\u800c\u4e3a\u4e86\u4fdd\u8bc1\u4ee3\u7801\u8d28\u91cf\u4ee5\u53ca\u9879\u76ee\u7684\u5b8c\u6574\u6027\uff0c\u6211\u4eec\u5f80\u5f80\u662f\u9700\u8981\u505a\u8fd9\u4e9b\u4e0e\u4ee3\u7801\u903b\u8f91\u5b9e\u73b0\u65e0\u5173\u7684\u4e8b\u60c5\u3002\u7136\u800c\u8fd9\u4e9b\u4e8b\u60c5\u5f88\u6709\u53ef\u80fd\u4f1a\u5f71\u54cd\u6574\u4f53\u7684\u9879\u76ee\u5f00\u53d1\u8fdb\u5ea6\uff0c\u964d\u4f4e\u5f00\u53d1\u8005\u7684\u5f00\u53d1\u4f53\u9a8c\uff0c\u4f1a\u8ba9\u5f00\u53d1\u8005\u611f\u89c9\u6a21\u5757\u9879\u76ee\u7684\u5f00\u53d1\u95e8\u69db\u5f88\u9ad8\u3002\\n\\n\u5982\u679c\u8bf4\u6bcf\u6b21\u5f00\u53d1\u4e00\u4e2a\u6a21\u5757\u7c7b\u578b\u7684\u9879\u76ee\u90fd\u9700\u8981\u7ecf\u5386\u4e00\u904d\u8fd9\u4e9b\u5de5\u4f5c\u51c6\u5907\u7684\u8bdd\uff0c\u90a3\u4e48\u57fa\u672c\u4e0a\u521a\u5f00\u59cb\u5f00\u53d1\u7684\u65f6\u95f4\u4f1a\u5927\u90e8\u5206\u82b1\u8d39\u5728\u8fd9\u4e9b\u4e0e\u4ee3\u7801\u5b9e\u73b0\u65e0\u5173\u7684\u4e8b\u60c5\u4e0a\u3002\u5982\u679c\u80fd\u591f\u63d0\u4f9b\u4e00\u4e2a\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\uff0c\u5b83\u80fd\u591f\u5e2e\u52a9\u5f00\u53d1\u8005\u89e3\u51b3\u9879\u76ee\u5de5\u7a0b\u4e0a\u7684\u4e8b\u60c5\uff0c\u8ba9\u5f00\u53d1\u8005\u53ef\u4ee5\u66f4\u4e13\u6ce8\u4e8e\u4ee3\u7801\u7684\u5b9e\u73b0\u4e0a\uff0c\u90a3\u4e48\u8fd9\u5c06\u4f1a\u5927\u5927\u63d0\u5347\u6a21\u5757\u7c7b\u578b\u9879\u76ee\u7684\u5f00\u53d1\u4f53\u9a8c\u3002\\n\\n![\u6ca1\u6709\u4f7f\u7528\u5de5\u7a0b\u65b9\u6848\u5bf9\u6bd4\u4f7f\u7528\u5de5\u7a0b\u65b9\u6848](https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/module-tools/why-module-solution.png)\\n\\nModern.js \u4e3a\u4e86\u8ba9\u5f00\u53d1\u6a21\u5757\u7c7b\u578b\u7684\u9879\u76ee\u66f4\u7b80\u5355\uff0c\u4e3a\u4e86\u89e3\u51b3\u4e0a\u8ff0\u63d0\u5230\u7684\u95ee\u9898\u63d0\u4f9b\u4e86\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\uff0c\u5e76\u4e14\u4f7f\u7528 Module Tools \u63d0\u4f9b\u4e86\u4e3b\u8981\u7684\u529f\u80fd\u3002**Module-tools \u53ef\u4ee5\u7406\u89e3\u4e3a\u662f\u4e00\u4e2a\u4e13\u95e8\u7528\u4e8e\u6a21\u5757\u7c7b\u578b\u9879\u76ee\u5f00\u53d1\u7684\u5de5\u5177**\u3002\\n"';function i(n){const e=Object.assign({h1:"h1",a:"a",p:"p",img:"img",strong:"strong"},n.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(e.h1,{id:"\u4e3a\u4ec0\u4e48\u9700\u8981\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848",children:[(0,s.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#\u4e3a\u4ec0\u4e48\u9700\u8981\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848",children:"#"}),"\u4e3a\u4ec0\u4e48\u9700\u8981\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848"]}),"\n",(0,s.jsx)(e.p,{children:"\u5927\u5bb6\u53ef\u80fd\u90fd\u7ecf\u5386\u8fc7\uff1a\u4ece\u96f6\u5f00\u59cb\u5f00\u53d1\u4e00\u4e2a\u7ec4\u4ef6\u5e93\u6216\u8005\u5de5\u5177\u5e93\u7684\u8fc7\u7a0b\u4e2d\uff0c\u6211\u4eec\u4e0d\u4ec5\u8981\u8003\u8651\u9879\u76ee\u672c\u8eab\u7684\u4ee3\u7801\u903b\u8f91\u5982\u4f55\u7f16\u5199\uff0c\u8fd8\u8981\u8003\u8651\u9879\u76ee\u7684\u6784\u5efa\u3001\u8c03\u8bd5\u3001\u6d4b\u8bd5\u3001\u4ee3\u7801\u683c\u5f0f\u5316\u7b49\u7b49\u548c\u4ee3\u7801\u903b\u8f91\u65e0\u5173\u7684\u4e8b\u60c5\u3002"}),"\n",(0,s.jsxs)(e.p,{children:["\u6bd4\u5982\u8bf4\uff0c\u5f53\u6211\u4eec\u8003\u8651\u6784\u5efa\u6a21\u5757\u9879\u76ee\u7684\u4ee3\u7801\u662f\u4f7f\u7528\u4ec0\u4e48\u6784\u5efa\u5de5\u5177\u7684\u65f6\u5019\uff0c\u5728\u4e4b\u524d\u6211\u4eec\u53ef\u80fd\u4f1a\u8003\u8651\u4f7f\u7528 ",(0,s.jsx)(e.a,{href:"https://webpack.js.org/",target:"_blank",rel:"nofollow",children:"webpack"})," \u8fd8\u662f ",(0,s.jsx)(e.a,{href:"https://rollupjs.org/guide/en/",target:"_blank",rel:"nofollow",children:"Rollup"}),"\uff0c\u7136\u800c\u73b0\u5728\u7684\u8bdd\uff0c\u4e5f\u8bb8\u8fd8\u4f1a\u8003\u8651\u662f\u4f7f\u7528 ",(0,s.jsx)(e.a,{href:"https://esbuild.github.io/",target:"_blank",rel:"nofollow",children:"esbuild"})," \u8fd8\u662f ",(0,s.jsx)(e.a,{href:"https://swc.rs/",target:"_blank",rel:"nofollow",children:"SWC"}),"\u3002"]}),"\n",(0,s.jsx)(e.p,{children:"\u65e0\u8bba\u9009\u62e9\u54ea\u4e2a\u6784\u5efa\u5de5\u5177\uff0c\u8fd9\u5bf9\u4e8e\u6ca1\u6709\u719f\u7ec3\u638c\u63e1\u8fd9\u4e9b\u6784\u5efa\u5de5\u5177\u4f7f\u7528\u65b9\u5f0f\u7684\u5f00\u53d1\u8005\u6765\u8bf4\uff0c\u662f\u9700\u8981\u4e00\u5b9a\u7684\u6210\u672c\u53bb\u5b66\u4e60\u7684\u3002\u5373\u4f7f\u60f3\u8981\u5feb\u901f\u4f7f\u7528\uff0c\u4e5f\u4f1a\u9700\u8981\u82b1\u8d39\u5927\u91cf\u7684\u65f6\u95f4\u548c\u7cbe\u529b\u3002"}),"\n",(0,s.jsx)(e.p,{children:"\u800c\u9664\u4e86\u6784\u5efa\u8fd9\u4ef6\u4e8b\u60c5\u4ee5\u5916\uff0c\u50cf\u4e3a\u9879\u76ee\u63d0\u4f9b\u8c03\u8bd5\u5de5\u5177\u3001\u652f\u6301\u6d4b\u8bd5\u80fd\u529b\u3001\u589e\u52a0\u4ee3\u7801\u683c\u5f0f\u6821\u9a8c\u7b49\u7b49\uff0c\u5bf9\u4e8e\u4e00\u4e2a\u65b0\u624b\u6765\u8bf4\u90fd\u6709\u53ef\u80fd\u9700\u8981\u82b1\u8d39\u5f88\u957f\u7684\u65f6\u95f4\u548c\u7cbe\u529b\u4e86\u89e3\u6216\u8005\u638c\u63e1\u5b83\u4eec\uff0c\u5e76\u4e14\u771f\u6b63\u7684\u670d\u52a1\u4e8e\u5f53\u524d\u7684\u9879\u76ee\u4e2d\u3002"}),"\n",(0,s.jsx)(e.p,{children:"\u800c\u4e3a\u4e86\u4fdd\u8bc1\u4ee3\u7801\u8d28\u91cf\u4ee5\u53ca\u9879\u76ee\u7684\u5b8c\u6574\u6027\uff0c\u6211\u4eec\u5f80\u5f80\u662f\u9700\u8981\u505a\u8fd9\u4e9b\u4e0e\u4ee3\u7801\u903b\u8f91\u5b9e\u73b0\u65e0\u5173\u7684\u4e8b\u60c5\u3002\u7136\u800c\u8fd9\u4e9b\u4e8b\u60c5\u5f88\u6709\u53ef\u80fd\u4f1a\u5f71\u54cd\u6574\u4f53\u7684\u9879\u76ee\u5f00\u53d1\u8fdb\u5ea6\uff0c\u964d\u4f4e\u5f00\u53d1\u8005\u7684\u5f00\u53d1\u4f53\u9a8c\uff0c\u4f1a\u8ba9\u5f00\u53d1\u8005\u611f\u89c9\u6a21\u5757\u9879\u76ee\u7684\u5f00\u53d1\u95e8\u69db\u5f88\u9ad8\u3002"}),"\n",(0,s.jsx)(e.p,{children:"\u5982\u679c\u8bf4\u6bcf\u6b21\u5f00\u53d1\u4e00\u4e2a\u6a21\u5757\u7c7b\u578b\u7684\u9879\u76ee\u90fd\u9700\u8981\u7ecf\u5386\u4e00\u904d\u8fd9\u4e9b\u5de5\u4f5c\u51c6\u5907\u7684\u8bdd\uff0c\u90a3\u4e48\u57fa\u672c\u4e0a\u521a\u5f00\u59cb\u5f00\u53d1\u7684\u65f6\u95f4\u4f1a\u5927\u90e8\u5206\u82b1\u8d39\u5728\u8fd9\u4e9b\u4e0e\u4ee3\u7801\u5b9e\u73b0\u65e0\u5173\u7684\u4e8b\u60c5\u4e0a\u3002\u5982\u679c\u80fd\u591f\u63d0\u4f9b\u4e00\u4e2a\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\uff0c\u5b83\u80fd\u591f\u5e2e\u52a9\u5f00\u53d1\u8005\u89e3\u51b3\u9879\u76ee\u5de5\u7a0b\u4e0a\u7684\u4e8b\u60c5\uff0c\u8ba9\u5f00\u53d1\u8005\u53ef\u4ee5\u66f4\u4e13\u6ce8\u4e8e\u4ee3\u7801\u7684\u5b9e\u73b0\u4e0a\uff0c\u90a3\u4e48\u8fd9\u5c06\u4f1a\u5927\u5927\u63d0\u5347\u6a21\u5757\u7c7b\u578b\u9879\u76ee\u7684\u5f00\u53d1\u4f53\u9a8c\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/module-tools/why-module-solution.png",alt:"\u6ca1\u6709\u4f7f\u7528\u5de5\u7a0b\u65b9\u6848\u5bf9\u6bd4\u4f7f\u7528\u5de5\u7a0b\u65b9\u6848"})}),"\n",(0,s.jsxs)(e.p,{children:["Modern.js \u4e3a\u4e86\u8ba9\u5f00\u53d1\u6a21\u5757\u7c7b\u578b\u7684\u9879\u76ee\u66f4\u7b80\u5355\uff0c\u4e3a\u4e86\u89e3\u51b3\u4e0a\u8ff0\u63d0\u5230\u7684\u95ee\u9898\u63d0\u4f9b\u4e86\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\uff0c\u5e76\u4e14\u4f7f\u7528 Module Tools \u63d0\u4f9b\u4e86\u4e3b\u8981\u7684\u529f\u80fd\u3002",(0,s.jsx)(e.strong,{children:"Module-tools \u53ef\u4ee5\u7406\u89e3\u4e3a\u662f\u4e00\u4e2a\u4e13\u95e8\u7528\u4e8e\u6a21\u5757\u7c7b\u578b\u9879\u76ee\u5f00\u53d1\u7684\u5de5\u5177"}),"\u3002"]})]})}e.default=function(n={}){const{wrapper:e}=n.components||{};return e?(0,s.jsx)(e,Object.assign({},n,{children:(0,s.jsx)(i,n)})):i(n)}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[1895],{20548:function(n,e,t){t.r(e),t.d(e,{content:function(){return d},frontmatter:function(){return i},title:function(){return s},toc:function(){return l}});var o=t(97458);const i={pageType:"home",hero:{name:"Module Tools",text:"\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848",tagline:"\u7b80\u5355\u3001\u5f3a\u5927\u3001\u9ad8\u6027\u80fd\u7684\u73b0\u4ee3\u5316npm\u5305\u5f00\u53d1\u65b9\u6848",actions:[{theme:"brand",text:"\u6b22\u8fce\u4f7f\u7528",link:"/guide/intro/welcome"}]},features:[{title:"Esbuild: \u9ad8\u6027\u80fd\u7684JS Bundler",details:"\u57fa\u4e8e Esbuild \u6784\u5efa\uff0c\u6784\u5efa\u901f\u5ea6\u6781\u5feb\uff0c\u5e26\u7ed9\u4f60\u6781\u81f4\u7684\u5f00\u53d1\u4f53\u9a8c\u3002",icon:"\ud83d\ude80"},{title:"Storybook: \u793e\u533a\u6d41\u884c\u7684UI\u5f00\u53d1\u5de5\u5177",details:"\u96c6\u6210\u4e86Storybook\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528\u5b83\u8c03\u8bd5UI\u3002",icon:"\ud83d\udce6"},{title:"transform + bundle",details:"\u652f\u6301bundle\u548cbundleless\u4e24\u79cd\u6784\u5efa\u6a21\u5f0f\u3002",icon:"\u2728"},{title:"\u96f6\u914d\u7f6e",details:"\u65e0\u9700\u4efb\u4f55\u914d\u7f6e\u5373\u53ef\u5f00\u53d1\u4f60\u7684npm\u5305\uff0c\u5185\u7f6e\u9884\u8bbe\u8986\u76d6\u591a\u79cd\u573a\u666f\u3002",icon:"\ud83d\udee0\ufe0f"},{title:"\u6269\u5c55\u6027\u5f3a: \u63d0\u4f9b\u5f3a\u5927\u7684\u63d2\u4ef6\u673a\u5236",details:"\u901a\u8fc7\u5176\u63d2\u4ef6\u6269\u5c55\u673a\u5236\uff0c\u4f60\u53ef\u4ee5\u8f7b\u677e\u7684\u6269\u5c55Module tools\u7684\u5404\u9879\u80fd\u529b\u3002",icon:"\ud83c\udfa8"}]},l=[],s="index",d="\"---\\npageType: home\\n\\nhero:\\n name: Module Tools\\n text: \u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\\n tagline: \u7b80\u5355\u3001\u5f3a\u5927\u3001\u9ad8\u6027\u80fd\u7684\u73b0\u4ee3\u5316npm\u5305\u5f00\u53d1\u65b9\u6848\\n actions:\\n - theme: brand\\n text: \u6b22\u8fce\u4f7f\u7528\\n link: /guide/intro/welcome\\n\\nfeatures:\\n - title: 'Esbuild: \u9ad8\u6027\u80fd\u7684JS Bundler'\\n details: \u57fa\u4e8e Esbuild \u6784\u5efa\uff0c\u6784\u5efa\u901f\u5ea6\u6781\u5feb\uff0c\u5e26\u7ed9\u4f60\u6781\u81f4\u7684\u5f00\u53d1\u4f53\u9a8c\u3002\\n icon: \ud83d\ude80\\n - title: 'Storybook: \u793e\u533a\u6d41\u884c\u7684UI\u5f00\u53d1\u5de5\u5177'\\n details: \u96c6\u6210\u4e86Storybook\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528\u5b83\u8c03\u8bd5UI\u3002\\n icon: \ud83d\udce6\\n - title: 'transform + bundle'\\n details: \u652f\u6301bundle\u548cbundleless\u4e24\u79cd\u6784\u5efa\u6a21\u5f0f\u3002\\n icon: \u2728\\n - title: '\u96f6\u914d\u7f6e'\\n details: \u65e0\u9700\u4efb\u4f55\u914d\u7f6e\u5373\u53ef\u5f00\u53d1\u4f60\u7684npm\u5305\uff0c\u5185\u7f6e\u9884\u8bbe\u8986\u76d6\u591a\u79cd\u573a\u666f\u3002\\n icon: \ud83d\udee0\ufe0f\\n - title: '\u6269\u5c55\u6027\u5f3a: \u63d0\u4f9b\u5f3a\u5927\u7684\u63d2\u4ef6\u673a\u5236'\\n details: \u901a\u8fc7\u5176\u63d2\u4ef6\u6269\u5c55\u673a\u5236\uff0c\u4f60\u53ef\u4ee5\u8f7b\u677e\u7684\u6269\u5c55Module tools\u7684\u5404\u9879\u80fd\u529b\u3002\\n icon: \ud83c\udfa8\\n---\\n# index\\n\"";function r(n){const e=Object.assign({h1:"h1",a:"a"},n.components);return(0,o.jsxs)(e.h1,{id:"index",children:[(0,o.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#index",children:"#"}),"index"]})}e.default=function(n={}){const{wrapper:e}=n.components||{};return e?(0,o.jsx)(e,Object.assign({},n,{children:(0,o.jsx)(r,n)})):r(n)}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[9868],{94644:function(e,o,t){t.r(o),t.d(o,{CH:function(){return s},chCodeConfig:function(){return i},content:function(){return u},frontmatter:function(){return a},title:function(){return d},toc:function(){return c}});var n=t(97458),r=t(53799);const s={annotations:r.ds,Spotlight:r.$1,CodeSlot:r.Af},i={staticMediaQuery:"not screen, (max-width: 768px)",theme:{name:"nord",type:"dark",semanticHighlighting:!0,colors:{focusBorder:"#3b4252",foreground:"#d8dee9","activityBar.background":"#2e3440","activityBar.dropBackground":"#3b4252","activityBar.foreground":"#d8dee9","activityBar.activeBorder":"#88c0d0","activityBar.activeBackground":"#3b4252","activityBarBadge.background":"#88c0d0","activityBarBadge.foreground":"#2e3440","badge.foreground":"#2e3440","badge.background":"#88c0d0","button.background":"#88c0d0ee","button.foreground":"#2e3440","button.hoverBackground":"#88c0d0","button.secondaryBackground":"#434c5e","button.secondaryForeground":"#d8dee9","button.secondaryHoverBackground":"#4c566a","charts.red":"#bf616a","charts.blue":"#81a1c1","charts.yellow":"#ebcb8b","charts.orange":"#d08770","charts.green":"#a3be8c","charts.purple":"#b48ead","charts.foreground":"#d8dee9","charts.lines":"#88c0d0","debugConsole.infoForeground":"#88c0d0","debugConsole.warningForeground":"#ebcb8b","debugConsole.errorForeground":"#bf616a","debugConsole.sourceForeground":"#616e88","debugConsoleInputIcon.foreground":"#81a1c1","debugExceptionWidget.background":"#4c566a","debugExceptionWidget.border":"#2e3440","debugToolBar.background":"#3b4252",descriptionForeground:"#d8dee9e6","diffEditor.insertedTextBackground":"#81a1c133","diffEditor.removedTextBackground":"#bf616a4d","dropdown.background":"#3b4252","dropdown.border":"#3b4252","dropdown.foreground":"#d8dee9","editorActiveLineNumber.foreground":"#d8dee9cc","editorCursor.foreground":"#d8dee9","editorHint.border":"#ebcb8b00","editorHint.foreground":"#ebcb8b","editorIndentGuide.background":"#434c5eb3","editorIndentGuide.activeBackground":"#4c566a","editorInlayHint.background":"#434c5e","editorInlayHint.foreground":"#d8dee9","editorLineNumber.foreground":"#4c566a","editorLineNumber.activeForeground":"#d8dee9","editorWhitespace.foreground":"#4c566ab3","editorWidget.background":"#2e3440","editorWidget.border":"#3b4252","editor.background":"#2e3440","editor.foreground":"#d8dee9","editor.hoverHighlightBackground":"#3b4252","editor.findMatchBackground":"#88c0d066","editor.findMatchHighlightBackground":"#88c0d033","editor.findRangeHighlightBackground":"#88c0d033","editor.lineHighlightBackground":"#3b4252","editor.lineHighlightBorder":"#3b4252","editor.inactiveSelectionBackground":"#434c5ecc","editor.inlineValuesBackground":"#4c566a","editor.inlineValuesForeground":"#eceff4","editor.selectionBackground":"#434c5ecc","editor.selectionHighlightBackground":"#434c5ecc","editor.rangeHighlightBackground":"#434c5e52","editor.wordHighlightBackground":"#81a1c166","editor.wordHighlightStrongBackground":"#81a1c199","editor.stackFrameHighlightBackground":"#5e81ac","editor.focusedStackFrameHighlightBackground":"#5e81ac","editorError.foreground":"#bf616a","editorError.border":"#bf616a00","editorWarning.foreground":"#ebcb8b","editorWarning.border":"#ebcb8b00","editorBracketMatch.background":"#2e344000","editorBracketMatch.border":"#88c0d0","editorBracketHighlight.foreground1":"#8fbcbb","editorBracketHighlight.foreground2":"#88c0d0","editorBracketHighlight.foreground3":"#81a1c1","editorBracketHighlight.foreground4":"#5e81ac","editorBracketHighlight.foreground5":"#8fbcbb","editorBracketHighlight.foreground6":"#88c0d0","editorBracketHighlight.unexpectedBracket.foreground":"#bf616a","editorCodeLens.foreground":"#4c566a","editorGroup.background":"#2e3440","editorGroup.border":"#3b425201","editorGroup.dropBackground":"#3b425299","editorGroupHeader.border":"#3b425200","editorGroupHeader.noTabsBackground":"#2e3440","editorGroupHeader.tabsBackground":"#2e3440","editorGroupHeader.tabsBorder":"#3b425200","editorGutter.background":"#2e3440","editorGutter.modifiedBackground":"#ebcb8b","editorGutter.addedBackground":"#a3be8c","editorGutter.deletedBackground":"#bf616a","editorHoverWidget.background":"#3b4252","editorHoverWidget.border":"#3b4252","editorLink.activeForeground":"#88c0d0","editorMarkerNavigation.background":"#5e81acc0","editorMarkerNavigationError.background":"#bf616ac0","editorMarkerNavigationWarning.background":"#ebcb8bc0","editorOverviewRuler.border":"#3b4252","editorOverviewRuler.currentContentForeground":"#3b4252","editorOverviewRuler.incomingContentForeground":"#3b4252","editorOverviewRuler.findMatchForeground":"#88c0d066","editorOverviewRuler.rangeHighlightForeground":"#88c0d066","editorOverviewRuler.selectionHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightStrongForeground":"#88c0d066","editorOverviewRuler.modifiedForeground":"#ebcb8b","editorOverviewRuler.addedForeground":"#a3be8c","editorOverviewRuler.deletedForeground":"#bf616a","editorOverviewRuler.errorForeground":"#bf616a","editorOverviewRuler.warningForeground":"#ebcb8b","editorOverviewRuler.infoForeground":"#81a1c1","editorRuler.foreground":"#434c5e","editorSuggestWidget.background":"#2e3440","editorSuggestWidget.border":"#3b4252","editorSuggestWidget.foreground":"#d8dee9","editorSuggestWidget.focusHighlightForeground":"#88c0d0","editorSuggestWidget.highlightForeground":"#88c0d0","editorSuggestWidget.selectedBackground":"#434c5e","editorSuggestWidget.selectedForeground":"#d8dee9","extensionButton.prominentForeground":"#d8dee9","extensionButton.prominentBackground":"#434c5e","extensionButton.prominentHoverBackground":"#4c566a",errorForeground:"#bf616a","gitDecoration.modifiedResourceForeground":"#ebcb8b","gitDecoration.deletedResourceForeground":"#bf616a","gitDecoration.untrackedResourceForeground":"#a3be8c","gitDecoration.ignoredResourceForeground":"#d8dee966","gitDecoration.conflictingResourceForeground":"#5e81ac","gitDecoration.submoduleResourceForeground":"#8fbcbb","gitDecoration.stageDeletedResourceForeground":"#bf616a","gitDecoration.stageModifiedResourceForeground":"#ebcb8b","input.background":"#3b4252","input.foreground":"#d8dee9","input.placeholderForeground":"#d8dee999","input.border":"#3b4252","inputOption.activeBackground":"#5e81ac","inputOption.activeBorder":"#5e81ac","inputOption.activeForeground":"#eceff4","inputValidation.errorBackground":"#bf616a","inputValidation.errorBorder":"#bf616a","inputValidation.infoBackground":"#81a1c1","inputValidation.infoBorder":"#81a1c1","inputValidation.warningBackground":"#d08770","inputValidation.warningBorder":"#d08770","keybindingLabel.background":"#4c566a","keybindingLabel.border":"#4c566a","keybindingLabel.bottomBorder":"#4c566a","keybindingLabel.foreground":"#d8dee9","list.activeSelectionBackground":"#88c0d0","list.activeSelectionForeground":"#2e3440","list.inactiveSelectionBackground":"#434c5e","list.inactiveSelectionForeground":"#d8dee9","list.inactiveFocusBackground":"#434c5ecc","list.hoverForeground":"#eceff4","list.focusForeground":"#d8dee9","list.focusBackground":"#88c0d099","list.focusHighlightForeground":"#eceff4","list.hoverBackground":"#3b4252","list.dropBackground":"#88c0d099","list.highlightForeground":"#88c0d0","list.errorForeground":"#bf616a","list.warningForeground":"#ebcb8b","merge.currentHeaderBackground":"#81a1c166","merge.currentContentBackground":"#81a1c14d","merge.incomingHeaderBackground":"#8fbcbb66","merge.incomingContentBackground":"#8fbcbb4d","merge.border":"#3b425200","minimap.background":"#2e3440","minimap.errorHighlight":"#bf616acc","minimap.findMatchHighlight":"#88c0d0","minimap.selectionHighlight":"#88c0d0cc","minimap.warningHighlight":"#ebcb8bcc","minimapGutter.addedBackground":"#a3be8c","minimapGutter.deletedBackground":"#bf616a","minimapGutter.modifiedBackground":"#ebcb8b","minimapSlider.activeBackground":"#434c5eaa","minimapSlider.background":"#434c5e99","minimapSlider.hoverBackground":"#434c5eaa","notification.background":"#3b4252","notification.buttonBackground":"#434c5e","notification.buttonForeground":"#d8dee9","notification.buttonHoverBackground":"#4c566a","notification.errorBackground":"#bf616a","notification.errorForeground":"#2e3440","notification.foreground":"#d8dee9","notification.infoBackground":"#88c0d0","notification.infoForeground":"#2e3440","notification.warningBackground":"#ebcb8b","notification.warningForeground":"#2e3440","notificationCenter.border":"#3b425200","notificationCenterHeader.background":"#2e3440","notificationCenterHeader.foreground":"#88c0d0","notificationLink.foreground":"#88c0d0","notifications.background":"#3b4252","notifications.border":"#2e3440","notifications.foreground":"#d8dee9","notificationToast.border":"#3b425200","panel.background":"#2e3440","panel.border":"#3b4252","panelTitle.activeBorder":"#88c0d000","panelTitle.activeForeground":"#88c0d0","panelTitle.inactiveForeground":"#d8dee9","peekView.border":"#4c566a","peekViewEditor.background":"#2e3440","peekViewEditorGutter.background":"#2e3440","peekViewEditor.matchHighlightBackground":"#88c0d04d","peekViewResult.background":"#2e3440","peekViewResult.fileForeground":"#88c0d0","peekViewResult.lineForeground":"#d8dee966","peekViewResult.matchHighlightBackground":"#88c0d0cc","peekViewResult.selectionBackground":"#434c5e","peekViewResult.selectionForeground":"#d8dee9","peekViewTitle.background":"#3b4252","peekViewTitleDescription.foreground":"#d8dee9","peekViewTitleLabel.foreground":"#88c0d0","pickerGroup.border":"#3b4252","pickerGroup.foreground":"#88c0d0","progressBar.background":"#88c0d0","quickInputList.focusBackground":"#88c0d0","quickInputList.focusForeground":"#2e3440","sash.hoverBorder":"#88c0d0","scrollbar.shadow":"#00000066","scrollbarSlider.activeBackground":"#434c5eaa","scrollbarSlider.background":"#434c5e99","scrollbarSlider.hoverBackground":"#434c5eaa","selection.background":"#88c0d099","sideBar.background":"#2e3440","sideBar.foreground":"#d8dee9","sideBar.border":"#3b4252","sideBarSectionHeader.background":"#3b4252","sideBarSectionHeader.foreground":"#d8dee9","sideBarTitle.foreground":"#d8dee9","statusBar.background":"#3b4252","statusBar.debuggingBackground":"#5e81ac","statusBar.debuggingForeground":"#d8dee9","statusBar.noFolderForeground":"#d8dee9","statusBar.noFolderBackground":"#3b4252","statusBar.foreground":"#d8dee9","statusBarItem.activeBackground":"#4c566a","statusBarItem.hoverBackground":"#434c5e","statusBarItem.prominentBackground":"#3b4252","statusBarItem.prominentHoverBackground":"#434c5e","statusBarItem.errorBackground":"#3b4252","statusBarItem.errorForeground":"#bf616a","statusBarItem.warningBackground":"#ebcb8b","statusBarItem.warningForeground":"#2e3440","statusBar.border":"#3b425200","tab.activeBackground":"#3b4252","tab.activeForeground":"#d8dee9","tab.border":"#3b425200","tab.activeBorder":"#88c0d000","tab.unfocusedActiveBorder":"#88c0d000","tab.inactiveBackground":"#2e3440","tab.inactiveForeground":"#d8dee966","tab.unfocusedActiveForeground":"#d8dee999","tab.unfocusedInactiveForeground":"#d8dee966","tab.hoverBackground":"#3b4252cc","tab.unfocusedHoverBackground":"#3b4252b3","tab.hoverBorder":"#88c0d000","tab.unfocusedHoverBorder":"#88c0d000","tab.activeBorderTop":"#88c0d000","tab.unfocusedActiveBorderTop":"#88c0d000","tab.lastPinnedBorder":"#4c566a","terminal.background":"#2e3440","terminal.foreground":"#d8dee9","terminal.ansiBlack":"#3b4252","terminal.ansiRed":"#bf616a","terminal.ansiGreen":"#a3be8c","terminal.ansiYellow":"#ebcb8b","terminal.ansiBlue":"#81a1c1","terminal.ansiMagenta":"#b48ead","terminal.ansiCyan":"#88c0d0","terminal.ansiWhite":"#e5e9f0","terminal.ansiBrightBlack":"#4c566a","terminal.ansiBrightRed":"#bf616a","terminal.ansiBrightGreen":"#a3be8c","terminal.ansiBrightYellow":"#ebcb8b","terminal.ansiBrightBlue":"#81a1c1","terminal.ansiBrightMagenta":"#b48ead","terminal.ansiBrightCyan":"#8fbcbb","terminal.ansiBrightWhite":"#eceff4","terminal.tab.activeBorder":"#88c0d0","textBlockQuote.background":"#3b4252","textBlockQuote.border":"#81a1c1","textCodeBlock.background":"#4c566a","textLink.activeForeground":"#88c0d0","textLink.foreground":"#88c0d0","textPreformat.foreground":"#8fbcbb","textSeparator.foreground":"#eceff4","titleBar.activeBackground":"#2e3440","titleBar.activeForeground":"#d8dee9","titleBar.border":"#2e344000","titleBar.inactiveBackground":"#2e3440","titleBar.inactiveForeground":"#d8dee966","tree.indentGuidesStroke":"#616e88","walkThrough.embeddedEditorBackground":"#2e3440","welcomePage.buttonBackground":"#434c5e","welcomePage.buttonHoverBackground":"#4c566a","widget.shadow":"#00000066"},tokenColors:[{settings:{foreground:"#d8dee9ff",background:"#2e3440ff"}},{scope:"emphasis",settings:{fontStyle:"italic"}},{scope:"strong",settings:{fontStyle:"bold"}},{name:"Comment",scope:"comment",settings:{foreground:"#616E88"}},{name:"Constant Character",scope:"constant.character",settings:{foreground:"#EBCB8B"}},{name:"Constant Character Escape",scope:"constant.character.escape",settings:{foreground:"#EBCB8B"}},{name:"Constant Language",scope:"constant.language",settings:{foreground:"#81A1C1"}},{name:"Constant Numeric",scope:"constant.numeric",settings:{foreground:"#B48EAD"}},{name:"Constant Regexp",scope:"constant.regexp",settings:{foreground:"#EBCB8B"}},{name:"Entity Name Class/Type",scope:["entity.name.class","entity.name.type.class"],settings:{foreground:"#8FBCBB"}},{name:"Entity Name Function",scope:"entity.name.function",settings:{foreground:"#88C0D0"}},{name:"Entity Name Tag",scope:"entity.name.tag",settings:{foreground:"#81A1C1"}},{name:"Entity Other Attribute Name",scope:"entity.other.attribute-name",settings:{foreground:"#8FBCBB"}},{name:"Entity Other Inherited Class",scope:"entity.other.inherited-class",settings:{fontStyle:"bold",foreground:"#8FBCBB"}},{name:"Invalid Deprecated",scope:"invalid.deprecated",settings:{foreground:"#D8DEE9",background:"#EBCB8B"}},{name:"Invalid Illegal",scope:"invalid.illegal",settings:{foreground:"#D8DEE9",background:"#BF616A"}},{name:"Keyword",scope:"keyword",settings:{foreground:"#81A1C1"}},{name:"Keyword Operator",scope:"keyword.operator",settings:{foreground:"#81A1C1"}},{name:"Keyword Other New",scope:"keyword.other.new",settings:{foreground:"#81A1C1"}},{name:"Markup Bold",scope:"markup.bold",settings:{fontStyle:"bold"}},{name:"Markup Changed",scope:"markup.changed",settings:{foreground:"#EBCB8B"}},{name:"Markup Deleted",scope:"markup.deleted",settings:{foreground:"#BF616A"}},{name:"Markup Inserted",scope:"markup.inserted",settings:{foreground:"#A3BE8C"}},{name:"Meta Preprocessor",scope:"meta.preprocessor",settings:{foreground:"#5E81AC"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Parameters",scope:["punctuation.definition.method-parameters","punctuation.definition.function-parameters","punctuation.definition.parameters"],settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Tag",scope:"punctuation.definition.tag",settings:{foreground:"#81A1C1"}},{name:"Punctuation Definition Comment",scope:["punctuation.definition.comment","punctuation.end.definition.comment","punctuation.start.definition.comment"],settings:{foreground:"#616E88"}},{name:"Punctuation Section",scope:"punctuation.section",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Section Embedded",scope:["punctuation.section.embedded.begin","punctuation.section.embedded.end"],settings:{foreground:"#81A1C1"}},{name:"Punctuation Terminator",scope:"punctuation.terminator",settings:{foreground:"#81A1C1"}},{name:"Punctuation Variable",scope:"punctuation.definition.variable",settings:{foreground:"#81A1C1"}},{name:"Storage",scope:"storage",settings:{foreground:"#81A1C1"}},{name:"String",scope:"string",settings:{foreground:"#A3BE8C"}},{name:"String Regexp",scope:"string.regexp",settings:{foreground:"#EBCB8B"}},{name:"Support Class",scope:"support.class",settings:{foreground:"#8FBCBB"}},{name:"Support Constant",scope:"support.constant",settings:{foreground:"#81A1C1"}},{name:"Support Function",scope:"support.function",settings:{foreground:"#88C0D0"}},{name:"Support Function Construct",scope:"support.function.construct",settings:{foreground:"#81A1C1"}},{name:"Support Type",scope:"support.type",settings:{foreground:"#8FBCBB"}},{name:"Support Type Exception",scope:"support.type.exception",settings:{foreground:"#8FBCBB"}},{name:"Token Debug",scope:"token.debug-token",settings:{foreground:"#b48ead"}},{name:"Token Error",scope:"token.error-token",settings:{foreground:"#bf616a"}},{name:"Token Info",scope:"token.info-token",settings:{foreground:"#88c0d0"}},{name:"Token Warning",scope:"token.warn-token",settings:{foreground:"#ebcb8b"}},{name:"Variable",scope:"variable.other",settings:{foreground:"#D8DEE9"}},{name:"Variable Language",scope:"variable.language",settings:{foreground:"#81A1C1"}},{name:"Variable Parameter",scope:"variable.parameter",settings:{foreground:"#D8DEE9"}},{name:"[C/CPP] Punctuation Separator Pointer-Access",scope:"punctuation.separator.pointer-access.c",settings:{foreground:"#81A1C1"}},{name:"[C/CPP] Meta Preprocessor Include",scope:["source.c meta.preprocessor.include","source.c string.quoted.other.lt-gt.include"],settings:{foreground:"#8FBCBB"}},{name:"[C/CPP] Conditional Directive",scope:["source.cpp keyword.control.directive.conditional","source.cpp punctuation.definition.directive","source.c keyword.control.directive.conditional","source.c punctuation.definition.directive"],settings:{foreground:"#5E81AC",fontStyle:"bold"}},{name:"[CSS] Constant Other Color RGB Value",scope:"source.css constant.other.color.rgb-value",settings:{foreground:"#B48EAD"}},{name:"[CSS](Function) Meta Property-Value",scope:"source.css meta.property-value",settings:{foreground:"#88C0D0"}},{name:"[CSS] Media Queries",scope:["source.css keyword.control.at-rule.media","source.css keyword.control.at-rule.media punctuation.definition.keyword"],settings:{foreground:"#D08770"}},{name:"[CSS] Punctuation Definition Keyword",scope:"source.css punctuation.definition.keyword",settings:{foreground:"#81A1C1"}},{name:"[CSS] Support Type Property Name",scope:"source.css support.type.property-name",settings:{foreground:"#D8DEE9"}},{name:"[diff] Meta Range Context",scope:"source.diff meta.diff.range.context",settings:{foreground:"#8FBCBB"}},{name:"[diff] Meta Header From-File",scope:"source.diff meta.diff.header.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition From-File",scope:"source.diff punctuation.definition.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Range",scope:"source.diff punctuation.definition.range",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Separator",scope:"source.diff punctuation.definition.separator",settings:{foreground:"#81A1C1"}},{name:"[Elixir](JakeBecker.elixir-ls) module names",scope:"entity.name.type.module.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Elixir](JakeBecker.elixir-ls) module attributes",scope:"variable.other.readwrite.module.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) atoms",scope:"constant.other.symbol.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) modules",scope:"variable.other.constant.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Go] String Format Placeholder",scope:"source.go constant.other.placeholder.go",settings:{foreground:"#EBCB8B"}},{name:"[Java](JavaDoc) Comment Block Documentation HTML Entities",scope:"source.java comment.block.documentation.javadoc punctuation.definition.entity.html",settings:{foreground:"#81A1C1"}},{name:"[Java](JavaDoc) Constant Other",scope:"source.java constant.other",settings:{foreground:"#D8DEE9"}},{name:"[Java](JavaDoc) Keyword Other Documentation",scope:"source.java keyword.other.documentation",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Author",scope:"source.java keyword.other.documentation.author.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Directive/Custom",scope:["source.java keyword.other.documentation.directive","source.java keyword.other.documentation.custom"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation See",scope:"source.java keyword.other.documentation.see.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java] Meta Method-Call",scope:"source.java meta.method-call meta.method",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Meta Tag Template Link",scope:["source.java meta.tag.template.link.javadoc","source.java string.other.link.title.javadoc"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Meta Tag Template Value",scope:"source.java meta.tag.template.value.javadoc",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Punctuation Definition Keyword",scope:"source.java punctuation.definition.keyword.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Punctuation Definition Tag",scope:["source.java punctuation.definition.tag.begin.javadoc","source.java punctuation.definition.tag.end.javadoc"],settings:{foreground:"#616E88"}},{name:"[Java] Storage Modifier Import",scope:"source.java storage.modifier.import",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Modifier Package",scope:"source.java storage.modifier.package",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type",scope:"source.java storage.type",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Annotation",scope:"source.java storage.type.annotation",settings:{foreground:"#D08770"}},{name:"[Java] Storage Type Generic",scope:"source.java storage.type.generic",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Primitive",scope:"source.java storage.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Decorator",scope:["source.js punctuation.decorator","source.js meta.decorator variable.other.readwrite","source.js meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[JavaScript] Meta Object-Literal Key",scope:"source.js meta.object-literal.key",settings:{foreground:"#88C0D0"}},{name:"[JavaScript](JSDoc) Storage Type Class",scope:"source.js storage.type.class.jsdoc",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] String Template Literals Punctuation",scope:["source.js string.quoted.template punctuation.quasi.element.begin","source.js string.quoted.template punctuation.quasi.element.end","source.js string.template punctuation.definition.template-expression"],settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Interpolated String Template Punctuation Functions",scope:"source.js string.quoted.template meta.method-call.with-arguments",settings:{foreground:"#ECEFF4"}},{name:"[JavaScript] String Template Literal Variable",scope:["source.js string.template meta.template.expression support.variable.property","source.js string.template meta.template.expression variable.other.object"],settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Support Type Primitive",scope:"source.js support.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Variable Other Object",scope:"source.js variable.other.object",settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Variable Other Read-Write Alias",scope:"source.js variable.other.readwrite.alias",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] Parentheses in Template Strings",scope:["source.js meta.embedded.line meta.brace.square","source.js meta.embedded.line meta.brace.round","source.js string.quoted.template meta.brace.square","source.js string.quoted.template meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[HTML] Constant Character Entity",scope:"text.html.basic constant.character.entity.html",settings:{foreground:"#EBCB8B"}},{name:"[HTML] Constant Other Inline-Data",scope:"text.html.basic constant.other.inline-data",settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[HTML] Meta Tag SGML Doctype",scope:"text.html.basic meta.tag.sgml.doctype",settings:{foreground:"#5E81AC"}},{name:"[HTML] Punctuation Definition Entity",scope:"text.html.basic punctuation.definition.entity",settings:{foreground:"#81A1C1"}},{name:"[INI] Entity Name Section Group-Title",scope:"source.properties entity.name.section.group-title.ini",settings:{foreground:"#88C0D0"}},{name:"[INI] Punctuation Separator Key-Value",scope:"source.properties punctuation.separator.key-value.ini",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Fenced Code Block",scope:["text.html.markdown markup.fenced_code.block","text.html.markdown markup.fenced_code.block punctuation.definition"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Heading",scope:"markup.heading",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Inline",scope:["text.html.markdown markup.inline.raw","text.html.markdown markup.inline.raw punctuation.definition.raw"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Italic",scope:"text.html.markdown markup.italic",settings:{fontStyle:"italic"}},{name:"[Markdown] Markup Link",scope:"text.html.markdown markup.underline.link",settings:{fontStyle:"underline"}},{name:"[Markdown] Markup List Numbered/Unnumbered",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown beginning.punctuation.definition.quote",settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown markup.quote",settings:{foreground:"#616E88"}},{name:"[Markdown] Markup Math Constant",scope:"text.html.markdown constant.character.math.tex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Math Definition Marker",scope:["text.html.markdown punctuation.definition.math.begin","text.html.markdown punctuation.definition.math.end"],settings:{foreground:"#5E81AC"}},{name:"[Markdown] Markup Math Function Definition Marker",scope:"text.html.markdown punctuation.definition.function.math.tex",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Math Operator",scope:"text.html.markdown punctuation.math.operator.latex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Heading",scope:"text.html.markdown punctuation.definition.heading",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Constant/String",scope:["text.html.markdown punctuation.definition.constant","text.html.markdown punctuation.definition.string"],settings:{foreground:"#81A1C1"}},{name:"[Markdown] String Other Link Description/Title",scope:["text.html.markdown constant.other.reference.link","text.html.markdown string.other.link.description","text.html.markdown string.other.link.title"],settings:{foreground:"#88C0D0"}},{name:"[Perl] Perl Sigils",scope:"source.perl punctuation.definition.variable",settings:{foreground:"#D8DEE9"}},{name:"[PHP] Meta Function-Call Object",scope:["source.php meta.function-call","source.php meta.function-call.object"],settings:{foreground:"#88C0D0"}},{name:"[Python] Decorator",scope:["source.python entity.name.function.decorator","source.python meta.function.decorator support.type"],settings:{foreground:"#D08770"}},{name:"[Python] Function Call",scope:"source.python meta.function-call.generic",settings:{foreground:"#88C0D0"}},{name:"[Python] Support Type",scope:"source.python support.type",settings:{foreground:"#88C0D0"}},{name:"[Python] Function Parameter",scope:["source.python variable.parameter.function.language"],settings:{foreground:"#D8DEE9"}},{name:"[Python] Function Parameter Special",scope:["source.python meta.function.parameters variable.parameter.function.language.special.self"],settings:{foreground:"#81A1C1"}},{name:"[Rust] Entity types",scope:"source.rust entity.name.type",settings:{foreground:"#8FBCBB"}},{name:"[Rust] Macro",scope:"source.rust meta.macro entity.name.function",settings:{fontStyle:"bold",foreground:"#88C0D0"}},{name:"[Rust] Attributes",scope:["source.rust meta.attribute","source.rust meta.attribute punctuation","source.rust meta.attribute keyword.operator"],settings:{foreground:"#5E81AC"}},{name:"[Rust] Traits",scope:"source.rust entity.name.type.trait",settings:{fontStyle:"bold"}},{name:"[Rust] Interpolation Bracket Curly",scope:"source.rust punctuation.definition.interpolation",settings:{foreground:"#EBCB8B"}},{name:"[SCSS] Punctuation Definition Interpolation Bracket Curly",scope:["source.css.scss punctuation.definition.interpolation.begin.bracket.curly","source.css.scss punctuation.definition.interpolation.end.bracket.curly"],settings:{foreground:"#81A1C1"}},{name:"[SCSS] Variable Interpolation",scope:"source.css.scss variable.interpolation",settings:{foreground:"#D8DEE9",fontStyle:"italic"}},{name:"[TypeScript] Decorators",scope:["source.ts punctuation.decorator","source.ts meta.decorator variable.other.readwrite","source.ts meta.decorator entity.name.function","source.tsx punctuation.decorator","source.tsx meta.decorator variable.other.readwrite","source.tsx meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[TypeScript] Object-literal keys",scope:["source.ts meta.object-literal.key","source.tsx meta.object-literal.key"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Object-literal functions",scope:["source.ts meta.object-literal.key entity.name.function","source.tsx meta.object-literal.key entity.name.function"],settings:{foreground:"#88C0D0"}},{name:"[TypeScript] Type/Class",scope:["source.ts support.class","source.ts support.type","source.ts entity.name.type","source.ts entity.name.class","source.tsx support.class","source.tsx support.type","source.tsx entity.name.type","source.tsx entity.name.class"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Static Class Support",scope:["source.ts support.constant.math","source.ts support.constant.dom","source.ts support.constant.json","source.tsx support.constant.math","source.tsx support.constant.dom","source.tsx support.constant.json"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Variables",scope:["source.ts support.variable","source.tsx support.variable"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Parentheses in Template Strings",scope:["source.ts meta.embedded.line meta.brace.square","source.ts meta.embedded.line meta.brace.round","source.tsx meta.embedded.line meta.brace.square","source.tsx meta.embedded.line meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[XML] Entity Name Tag Namespace",scope:"text.xml entity.name.tag.namespace",settings:{foreground:"#8FBCBB"}},{name:"[XML] Keyword Other Doctype",scope:"text.xml keyword.other.doctype",settings:{foreground:"#5E81AC"}},{name:"[XML] Meta Tag Preprocessor",scope:"text.xml meta.tag.preprocessor entity.name.tag",settings:{foreground:"#5E81AC"}},{name:"[XML] Entity Name Tag Namespace",scope:["text.xml string.unquoted.cdata","text.xml string.unquoted.cdata punctuation.definition.string"],settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[YAML] Entity Name Tag",scope:"source.yaml entity.name.tag",settings:{foreground:"#8FBCBB"}}]},autoImport:!0,showCopyButton:!0,skipLanguages:[],filepath:"/Users/bytedance/modern.js/website/module-tools/docs/zh/plugins/guide/getting-started.mdx"},a={sidebar_position:1},c=[],d="\u5feb\u901f\u5f00\u59cb",u="\"---\\nsidebar_position: 1\\n---\\n\\n# \u5feb\u901f\u5f00\u59cb\\n\\n\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\u4e0d\u4ec5\u63d0\u4f9b\u4e86\u4e30\u5bcc\u7684\u529f\u80fd\uff0c\u540c\u65f6\u4e5f\u652f\u6301\u901a\u8fc7\u63d2\u4ef6\u7684\u65b9\u5f0f\u4e3a\u5f53\u524d\u9879\u76ee\u6269\u5c55\u80fd\u529b\u3002\\n\\n\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u7684\u4f8b\u5b50\u6765\u5feb\u901f\u4e86\u89e3\u5982\u679c\u7f16\u5199\u4e00\u4e2a module-tools \u63d2\u4ef6\uff1a\\n\\n<CH.Spotlight>\\n\\n```md ./project\\n./\\n\u251c\u2500\u2500 plugins\\n\u2502 \u2514\u2500\u2500 example.ts\\n\u251c\u2500\u2500 src/\\n\u2514\u2500\u2500 modern.config.ts\\n```\\n\\n---\\n\\n\u9996\u5148\u6211\u4eec\u5728\u521d\u59cb\u5316\u7684\u9879\u76ee\u4e0b\u521b\u5efa `./plugins/example.ts` \u6587\u4ef6\u3002\\n\\n```md ./project\\n\\n```\\n\\n---\\n\\n\u63a5\u7740\u5728 `example.ts` \u6587\u4ef6\u4e2d\u589e\u52a0\u63d2\u4ef6\u7684\u4ee3\u7801\u3002\\n\\n```ts\\nimport type { CliPlugin, ModuleTools } from '@modern-js/module-tools';\\n\\nexport const ExamplePlugin = (): CliPlugin<ModuleTools> => {\\n return {\\n name: 'example',\\n setup() {\\n console.info('this is example plugin');\\n return {\\n // use hooks\\n afterBuild() {\\n console.info('build over');\\n }\\n };\\n };\\n };\\n};\\n```\\n\\n---\\n\\n\u7136\u540e\u6211\u4eec\u901a\u8fc7 [`plugins`](/api/config/plugins) API\uff0c\u5c06\u521a\u521a\u5199\u597d\u7684\u63d2\u4ef6\u8fdb\u884c\u6ce8\u518c\u3002\\n\\n```ts ./modern.config.ts\\nimport { examplePlugin } from './plugins/example';\\nexport default defineConfig({\\n plugins: [examplePlugin()],\\n});\\n```\\n\\n---\\n\\n\u6700\u540e\u8fd0\u884c `modern build`\uff0c\u5c31\u53ef\u4ee5\u770b\u5230\u3002\\n\\n```bash terminal\\nthis is example plugin\\nBuild succeed: 510.684ms\\nbuild over\\n```\\n\\n</CH.Spotlight>\\n\\n\u901a\u8fc7\u4e0a\u9762\u8fd9\u4e2a\u4f8b\u5b50\uff0c\u6211\u4eec\u4e86\u89e3\u5230\u4e86\u4e0b\u9762\u51e0\u4ef6\u4e8b\uff1a\\n\\n- \u63a8\u8350\u7684\u63d2\u4ef6\u76ee\u5f55\u7ed3\u6784\\n- \u63d2\u4ef6\u7684\u521d\u59cb\u5316\u4ee3\u7801\\n- \u63d2\u4ef6\u7684\u6ce8\u518c\\n\\n\u9664\u4e86\u4ee5\u4e0a\u5185\u5bb9\u4ee5\u5916\uff0c\u6211\u4eec\u8fd8\u9700\u8981\u4e86\u89e3\uff1a\\n\\n- [\u63d2\u4ef6\u5bf9\u8c61\u3001\u7c7b\u578b\u5b9a\u4e49\u4e0e\u63a8\u8350\u914d\u7f6e\u9879](/plugins/guide/plugin-object)\\n- [setup \u51fd\u6570\u3001`api` \u5bf9\u8c61\u53c2\u6570\u3001\u751f\u547d\u5468\u671f\u94a9\u5b50](/plugins/guide/setup-function)\\n\"";function l(e){const o=Object.assign({h1:"h1",a:"a",p:"p",code:"code",ul:"ul",li:"li"},e.components);return s||p("CH",!1),s.CodeSlot||p("CH.CodeSlot",!0),s.Spotlight||p("CH.Spotlight",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.h1,{id:"\u5feb\u901f\u5f00\u59cb",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u5feb\u901f\u5f00\u59cb",children:"#"}),"\u5feb\u901f\u5f00\u59cb"]}),"\n",(0,n.jsx)(o.p,{children:"\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\u4e0d\u4ec5\u63d0\u4f9b\u4e86\u4e30\u5bcc\u7684\u529f\u80fd\uff0c\u540c\u65f6\u4e5f\u652f\u6301\u901a\u8fc7\u63d2\u4ef6\u7684\u65b9\u5f0f\u4e3a\u5f53\u524d\u9879\u76ee\u6269\u5c55\u80fd\u529b\u3002"}),"\n",(0,n.jsx)(o.p,{children:"\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u7684\u4f8b\u5b50\u6765\u5feb\u901f\u4e86\u89e3\u5982\u679c\u7f16\u5199\u4e00\u4e2a module-tools \u63d2\u4ef6\uff1a"}),"\n",(0,n.jsxs)(s.Spotlight,{codeConfig:i,editorSteps:[{northPanel:{tabs:["./project"],active:"./project",heightRatio:1},files:[{name:"./project",focus:"",code:{lines:[{tokens:[{content:"./",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 plugins",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2502 \u2514\u2500\u2500 example.ts",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 src/",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2514\u2500\u2500 modern.config.ts",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"md"},annotations:[]}]},{northPanel:{tabs:["./project"],active:"./project",heightRatio:1},files:[{name:"./project",focus:"",code:{lines:[{tokens:[{content:"./",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 plugins",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2502 \u2514\u2500\u2500 example.ts",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 src/",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2514\u2500\u2500 modern.config.ts",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"md"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:["./project",""],active:"",heightRatio:1},files:[{name:"./project",focus:"",code:{lines:[{tokens:[{content:"./",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 plugins",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2502 \u2514\u2500\u2500 example.ts",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 src/",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2514\u2500\u2500 modern.config.ts",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"md"},annotations:[]},{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"type",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"ModuleTools",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"const",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"ExamplePlugin",props:{style:{color:"#88C0D0"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:":",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#8FBCBB"}}},{content:"<",props:{style:{color:"#ECEFF4"}}},{content:"ModuleTools",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"name",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"example",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"setup",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"console",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"info",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"this is example plugin",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#ECEFF4"}}},{content:"// use hooks",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"afterBuild",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"console",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"info",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"build over",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:["./project","./modern.config.ts"],active:"./modern.config.ts",heightRatio:1},files:[{name:"./project",focus:"",code:{lines:[{tokens:[{content:"./",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 plugins",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2502 \u2514\u2500\u2500 example.ts",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 src/",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2514\u2500\u2500 modern.config.ts",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"md"},annotations:[]},{name:"./modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"examplePlugin",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./plugins/example",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"plugins",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"examplePlugin",props:{style:{color:"#88C0D0"}}},{content:"()]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}],southPanel:void 0},{northPanel:{tabs:["./project","terminal"],active:"terminal",heightRatio:1},files:[{name:"./project",focus:"",code:{lines:[{tokens:[{content:"./",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 plugins",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2502 \u2514\u2500\u2500 example.ts",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u251c\u2500\u2500 src/",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2514\u2500\u2500 modern.config.ts",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"md"},annotations:[]},{name:"terminal",focus:"",code:{lines:[{tokens:[{content:"this is example plugin",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"Build succeed: 510.684ms",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"build over",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"bash"},annotations:[]}],southPanel:void 0}],children:[(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(s.CodeSlot,{})}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.p,{children:["\u9996\u5148\u6211\u4eec\u5728\u521d\u59cb\u5316\u7684\u9879\u76ee\u4e0b\u521b\u5efa ",(0,n.jsx)(o.code,{children:"./plugins/example.ts"})," \u6587\u4ef6\u3002"]}),(0,n.jsx)(s.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.p,{children:["\u63a5\u7740\u5728 ",(0,n.jsx)(o.code,{children:"example.ts"})," \u6587\u4ef6\u4e2d\u589e\u52a0\u63d2\u4ef6\u7684\u4ee3\u7801\u3002"]}),(0,n.jsx)(s.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.p,{children:["\u7136\u540e\u6211\u4eec\u901a\u8fc7 ",(0,n.jsx)(o.a,{href:"/module-tools/api/config/plugins.html",children:(0,n.jsx)(o.code,{children:"plugins"})})," API\uff0c\u5c06\u521a\u521a\u5199\u597d\u7684\u63d2\u4ef6\u8fdb\u884c\u6ce8\u518c\u3002"]}),(0,n.jsx)(s.CodeSlot,{})]}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.p,{children:["\u6700\u540e\u8fd0\u884c ",(0,n.jsx)(o.code,{children:"modern build"}),"\uff0c\u5c31\u53ef\u4ee5\u770b\u5230\u3002"]}),(0,n.jsx)(s.CodeSlot,{})]})]}),"\n",(0,n.jsx)(o.p,{children:"\u901a\u8fc7\u4e0a\u9762\u8fd9\u4e2a\u4f8b\u5b50\uff0c\u6211\u4eec\u4e86\u89e3\u5230\u4e86\u4e0b\u9762\u51e0\u4ef6\u4e8b\uff1a"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"\u63a8\u8350\u7684\u63d2\u4ef6\u76ee\u5f55\u7ed3\u6784"}),"\n",(0,n.jsx)(o.li,{children:"\u63d2\u4ef6\u7684\u521d\u59cb\u5316\u4ee3\u7801"}),"\n",(0,n.jsx)(o.li,{children:"\u63d2\u4ef6\u7684\u6ce8\u518c"}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:"\u9664\u4e86\u4ee5\u4e0a\u5185\u5bb9\u4ee5\u5916\uff0c\u6211\u4eec\u8fd8\u9700\u8981\u4e86\u89e3\uff1a"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:(0,n.jsx)(o.a,{href:"/module-tools/plugins/guide/plugin-object.html",children:"\u63d2\u4ef6\u5bf9\u8c61\u3001\u7c7b\u578b\u5b9a\u4e49\u4e0e\u63a8\u8350\u914d\u7f6e\u9879"})}),"\n",(0,n.jsx)(o.li,{children:(0,n.jsxs)(o.a,{href:"/module-tools/plugins/guide/setup-function.html",children:["setup \u51fd\u6570\u3001",(0,n.jsx)(o.code,{children:"api"})," \u5bf9\u8c61\u53c2\u6570\u3001\u751f\u547d\u5468\u671f\u94a9\u5b50"]})}),"\n"]})]})}function p(e,o){throw new Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}o.default=function(e={}){const{wrapper:o}=e.components||{};return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(l,e)})):l(e)}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[5284],{75511:function(o,e,t){t.r(e),t.d(e,{CH:function(){return s},chCodeConfig:function(){return c},content:function(){return p},frontmatter:function(){return i},title:function(){return l},toc:function(){return a}});var n=t(97458),r=t(53799);const s={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",theme:{name:"nord",type:"dark",semanticHighlighting:!0,colors:{focusBorder:"#3b4252",foreground:"#d8dee9","activityBar.background":"#2e3440","activityBar.dropBackground":"#3b4252","activityBar.foreground":"#d8dee9","activityBar.activeBorder":"#88c0d0","activityBar.activeBackground":"#3b4252","activityBarBadge.background":"#88c0d0","activityBarBadge.foreground":"#2e3440","badge.foreground":"#2e3440","badge.background":"#88c0d0","button.background":"#88c0d0ee","button.foreground":"#2e3440","button.hoverBackground":"#88c0d0","button.secondaryBackground":"#434c5e","button.secondaryForeground":"#d8dee9","button.secondaryHoverBackground":"#4c566a","charts.red":"#bf616a","charts.blue":"#81a1c1","charts.yellow":"#ebcb8b","charts.orange":"#d08770","charts.green":"#a3be8c","charts.purple":"#b48ead","charts.foreground":"#d8dee9","charts.lines":"#88c0d0","debugConsole.infoForeground":"#88c0d0","debugConsole.warningForeground":"#ebcb8b","debugConsole.errorForeground":"#bf616a","debugConsole.sourceForeground":"#616e88","debugConsoleInputIcon.foreground":"#81a1c1","debugExceptionWidget.background":"#4c566a","debugExceptionWidget.border":"#2e3440","debugToolBar.background":"#3b4252",descriptionForeground:"#d8dee9e6","diffEditor.insertedTextBackground":"#81a1c133","diffEditor.removedTextBackground":"#bf616a4d","dropdown.background":"#3b4252","dropdown.border":"#3b4252","dropdown.foreground":"#d8dee9","editorActiveLineNumber.foreground":"#d8dee9cc","editorCursor.foreground":"#d8dee9","editorHint.border":"#ebcb8b00","editorHint.foreground":"#ebcb8b","editorIndentGuide.background":"#434c5eb3","editorIndentGuide.activeBackground":"#4c566a","editorInlayHint.background":"#434c5e","editorInlayHint.foreground":"#d8dee9","editorLineNumber.foreground":"#4c566a","editorLineNumber.activeForeground":"#d8dee9","editorWhitespace.foreground":"#4c566ab3","editorWidget.background":"#2e3440","editorWidget.border":"#3b4252","editor.background":"#2e3440","editor.foreground":"#d8dee9","editor.hoverHighlightBackground":"#3b4252","editor.findMatchBackground":"#88c0d066","editor.findMatchHighlightBackground":"#88c0d033","editor.findRangeHighlightBackground":"#88c0d033","editor.lineHighlightBackground":"#3b4252","editor.lineHighlightBorder":"#3b4252","editor.inactiveSelectionBackground":"#434c5ecc","editor.inlineValuesBackground":"#4c566a","editor.inlineValuesForeground":"#eceff4","editor.selectionBackground":"#434c5ecc","editor.selectionHighlightBackground":"#434c5ecc","editor.rangeHighlightBackground":"#434c5e52","editor.wordHighlightBackground":"#81a1c166","editor.wordHighlightStrongBackground":"#81a1c199","editor.stackFrameHighlightBackground":"#5e81ac","editor.focusedStackFrameHighlightBackground":"#5e81ac","editorError.foreground":"#bf616a","editorError.border":"#bf616a00","editorWarning.foreground":"#ebcb8b","editorWarning.border":"#ebcb8b00","editorBracketMatch.background":"#2e344000","editorBracketMatch.border":"#88c0d0","editorBracketHighlight.foreground1":"#8fbcbb","editorBracketHighlight.foreground2":"#88c0d0","editorBracketHighlight.foreground3":"#81a1c1","editorBracketHighlight.foreground4":"#5e81ac","editorBracketHighlight.foreground5":"#8fbcbb","editorBracketHighlight.foreground6":"#88c0d0","editorBracketHighlight.unexpectedBracket.foreground":"#bf616a","editorCodeLens.foreground":"#4c566a","editorGroup.background":"#2e3440","editorGroup.border":"#3b425201","editorGroup.dropBackground":"#3b425299","editorGroupHeader.border":"#3b425200","editorGroupHeader.noTabsBackground":"#2e3440","editorGroupHeader.tabsBackground":"#2e3440","editorGroupHeader.tabsBorder":"#3b425200","editorGutter.background":"#2e3440","editorGutter.modifiedBackground":"#ebcb8b","editorGutter.addedBackground":"#a3be8c","editorGutter.deletedBackground":"#bf616a","editorHoverWidget.background":"#3b4252","editorHoverWidget.border":"#3b4252","editorLink.activeForeground":"#88c0d0","editorMarkerNavigation.background":"#5e81acc0","editorMarkerNavigationError.background":"#bf616ac0","editorMarkerNavigationWarning.background":"#ebcb8bc0","editorOverviewRuler.border":"#3b4252","editorOverviewRuler.currentContentForeground":"#3b4252","editorOverviewRuler.incomingContentForeground":"#3b4252","editorOverviewRuler.findMatchForeground":"#88c0d066","editorOverviewRuler.rangeHighlightForeground":"#88c0d066","editorOverviewRuler.selectionHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightStrongForeground":"#88c0d066","editorOverviewRuler.modifiedForeground":"#ebcb8b","editorOverviewRuler.addedForeground":"#a3be8c","editorOverviewRuler.deletedForeground":"#bf616a","editorOverviewRuler.errorForeground":"#bf616a","editorOverviewRuler.warningForeground":"#ebcb8b","editorOverviewRuler.infoForeground":"#81a1c1","editorRuler.foreground":"#434c5e","editorSuggestWidget.background":"#2e3440","editorSuggestWidget.border":"#3b4252","editorSuggestWidget.foreground":"#d8dee9","editorSuggestWidget.focusHighlightForeground":"#88c0d0","editorSuggestWidget.highlightForeground":"#88c0d0","editorSuggestWidget.selectedBackground":"#434c5e","editorSuggestWidget.selectedForeground":"#d8dee9","extensionButton.prominentForeground":"#d8dee9","extensionButton.prominentBackground":"#434c5e","extensionButton.prominentHoverBackground":"#4c566a",errorForeground:"#bf616a","gitDecoration.modifiedResourceForeground":"#ebcb8b","gitDecoration.deletedResourceForeground":"#bf616a","gitDecoration.untrackedResourceForeground":"#a3be8c","gitDecoration.ignoredResourceForeground":"#d8dee966","gitDecoration.conflictingResourceForeground":"#5e81ac","gitDecoration.submoduleResourceForeground":"#8fbcbb","gitDecoration.stageDeletedResourceForeground":"#bf616a","gitDecoration.stageModifiedResourceForeground":"#ebcb8b","input.background":"#3b4252","input.foreground":"#d8dee9","input.placeholderForeground":"#d8dee999","input.border":"#3b4252","inputOption.activeBackground":"#5e81ac","inputOption.activeBorder":"#5e81ac","inputOption.activeForeground":"#eceff4","inputValidation.errorBackground":"#bf616a","inputValidation.errorBorder":"#bf616a","inputValidation.infoBackground":"#81a1c1","inputValidation.infoBorder":"#81a1c1","inputValidation.warningBackground":"#d08770","inputValidation.warningBorder":"#d08770","keybindingLabel.background":"#4c566a","keybindingLabel.border":"#4c566a","keybindingLabel.bottomBorder":"#4c566a","keybindingLabel.foreground":"#d8dee9","list.activeSelectionBackground":"#88c0d0","list.activeSelectionForeground":"#2e3440","list.inactiveSelectionBackground":"#434c5e","list.inactiveSelectionForeground":"#d8dee9","list.inactiveFocusBackground":"#434c5ecc","list.hoverForeground":"#eceff4","list.focusForeground":"#d8dee9","list.focusBackground":"#88c0d099","list.focusHighlightForeground":"#eceff4","list.hoverBackground":"#3b4252","list.dropBackground":"#88c0d099","list.highlightForeground":"#88c0d0","list.errorForeground":"#bf616a","list.warningForeground":"#ebcb8b","merge.currentHeaderBackground":"#81a1c166","merge.currentContentBackground":"#81a1c14d","merge.incomingHeaderBackground":"#8fbcbb66","merge.incomingContentBackground":"#8fbcbb4d","merge.border":"#3b425200","minimap.background":"#2e3440","minimap.errorHighlight":"#bf616acc","minimap.findMatchHighlight":"#88c0d0","minimap.selectionHighlight":"#88c0d0cc","minimap.warningHighlight":"#ebcb8bcc","minimapGutter.addedBackground":"#a3be8c","minimapGutter.deletedBackground":"#bf616a","minimapGutter.modifiedBackground":"#ebcb8b","minimapSlider.activeBackground":"#434c5eaa","minimapSlider.background":"#434c5e99","minimapSlider.hoverBackground":"#434c5eaa","notification.background":"#3b4252","notification.buttonBackground":"#434c5e","notification.buttonForeground":"#d8dee9","notification.buttonHoverBackground":"#4c566a","notification.errorBackground":"#bf616a","notification.errorForeground":"#2e3440","notification.foreground":"#d8dee9","notification.infoBackground":"#88c0d0","notification.infoForeground":"#2e3440","notification.warningBackground":"#ebcb8b","notification.warningForeground":"#2e3440","notificationCenter.border":"#3b425200","notificationCenterHeader.background":"#2e3440","notificationCenterHeader.foreground":"#88c0d0","notificationLink.foreground":"#88c0d0","notifications.background":"#3b4252","notifications.border":"#2e3440","notifications.foreground":"#d8dee9","notificationToast.border":"#3b425200","panel.background":"#2e3440","panel.border":"#3b4252","panelTitle.activeBorder":"#88c0d000","panelTitle.activeForeground":"#88c0d0","panelTitle.inactiveForeground":"#d8dee9","peekView.border":"#4c566a","peekViewEditor.background":"#2e3440","peekViewEditorGutter.background":"#2e3440","peekViewEditor.matchHighlightBackground":"#88c0d04d","peekViewResult.background":"#2e3440","peekViewResult.fileForeground":"#88c0d0","peekViewResult.lineForeground":"#d8dee966","peekViewResult.matchHighlightBackground":"#88c0d0cc","peekViewResult.selectionBackground":"#434c5e","peekViewResult.selectionForeground":"#d8dee9","peekViewTitle.background":"#3b4252","peekViewTitleDescription.foreground":"#d8dee9","peekViewTitleLabel.foreground":"#88c0d0","pickerGroup.border":"#3b4252","pickerGroup.foreground":"#88c0d0","progressBar.background":"#88c0d0","quickInputList.focusBackground":"#88c0d0","quickInputList.focusForeground":"#2e3440","sash.hoverBorder":"#88c0d0","scrollbar.shadow":"#00000066","scrollbarSlider.activeBackground":"#434c5eaa","scrollbarSlider.background":"#434c5e99","scrollbarSlider.hoverBackground":"#434c5eaa","selection.background":"#88c0d099","sideBar.background":"#2e3440","sideBar.foreground":"#d8dee9","sideBar.border":"#3b4252","sideBarSectionHeader.background":"#3b4252","sideBarSectionHeader.foreground":"#d8dee9","sideBarTitle.foreground":"#d8dee9","statusBar.background":"#3b4252","statusBar.debuggingBackground":"#5e81ac","statusBar.debuggingForeground":"#d8dee9","statusBar.noFolderForeground":"#d8dee9","statusBar.noFolderBackground":"#3b4252","statusBar.foreground":"#d8dee9","statusBarItem.activeBackground":"#4c566a","statusBarItem.hoverBackground":"#434c5e","statusBarItem.prominentBackground":"#3b4252","statusBarItem.prominentHoverBackground":"#434c5e","statusBarItem.errorBackground":"#3b4252","statusBarItem.errorForeground":"#bf616a","statusBarItem.warningBackground":"#ebcb8b","statusBarItem.warningForeground":"#2e3440","statusBar.border":"#3b425200","tab.activeBackground":"#3b4252","tab.activeForeground":"#d8dee9","tab.border":"#3b425200","tab.activeBorder":"#88c0d000","tab.unfocusedActiveBorder":"#88c0d000","tab.inactiveBackground":"#2e3440","tab.inactiveForeground":"#d8dee966","tab.unfocusedActiveForeground":"#d8dee999","tab.unfocusedInactiveForeground":"#d8dee966","tab.hoverBackground":"#3b4252cc","tab.unfocusedHoverBackground":"#3b4252b3","tab.hoverBorder":"#88c0d000","tab.unfocusedHoverBorder":"#88c0d000","tab.activeBorderTop":"#88c0d000","tab.unfocusedActiveBorderTop":"#88c0d000","tab.lastPinnedBorder":"#4c566a","terminal.background":"#2e3440","terminal.foreground":"#d8dee9","terminal.ansiBlack":"#3b4252","terminal.ansiRed":"#bf616a","terminal.ansiGreen":"#a3be8c","terminal.ansiYellow":"#ebcb8b","terminal.ansiBlue":"#81a1c1","terminal.ansiMagenta":"#b48ead","terminal.ansiCyan":"#88c0d0","terminal.ansiWhite":"#e5e9f0","terminal.ansiBrightBlack":"#4c566a","terminal.ansiBrightRed":"#bf616a","terminal.ansiBrightGreen":"#a3be8c","terminal.ansiBrightYellow":"#ebcb8b","terminal.ansiBrightBlue":"#81a1c1","terminal.ansiBrightMagenta":"#b48ead","terminal.ansiBrightCyan":"#8fbcbb","terminal.ansiBrightWhite":"#eceff4","terminal.tab.activeBorder":"#88c0d0","textBlockQuote.background":"#3b4252","textBlockQuote.border":"#81a1c1","textCodeBlock.background":"#4c566a","textLink.activeForeground":"#88c0d0","textLink.foreground":"#88c0d0","textPreformat.foreground":"#8fbcbb","textSeparator.foreground":"#eceff4","titleBar.activeBackground":"#2e3440","titleBar.activeForeground":"#d8dee9","titleBar.border":"#2e344000","titleBar.inactiveBackground":"#2e3440","titleBar.inactiveForeground":"#d8dee966","tree.indentGuidesStroke":"#616e88","walkThrough.embeddedEditorBackground":"#2e3440","welcomePage.buttonBackground":"#434c5e","welcomePage.buttonHoverBackground":"#4c566a","widget.shadow":"#00000066"},tokenColors:[{settings:{foreground:"#d8dee9ff",background:"#2e3440ff"}},{scope:"emphasis",settings:{fontStyle:"italic"}},{scope:"strong",settings:{fontStyle:"bold"}},{name:"Comment",scope:"comment",settings:{foreground:"#616E88"}},{name:"Constant Character",scope:"constant.character",settings:{foreground:"#EBCB8B"}},{name:"Constant Character Escape",scope:"constant.character.escape",settings:{foreground:"#EBCB8B"}},{name:"Constant Language",scope:"constant.language",settings:{foreground:"#81A1C1"}},{name:"Constant Numeric",scope:"constant.numeric",settings:{foreground:"#B48EAD"}},{name:"Constant Regexp",scope:"constant.regexp",settings:{foreground:"#EBCB8B"}},{name:"Entity Name Class/Type",scope:["entity.name.class","entity.name.type.class"],settings:{foreground:"#8FBCBB"}},{name:"Entity Name Function",scope:"entity.name.function",settings:{foreground:"#88C0D0"}},{name:"Entity Name Tag",scope:"entity.name.tag",settings:{foreground:"#81A1C1"}},{name:"Entity Other Attribute Name",scope:"entity.other.attribute-name",settings:{foreground:"#8FBCBB"}},{name:"Entity Other Inherited Class",scope:"entity.other.inherited-class",settings:{fontStyle:"bold",foreground:"#8FBCBB"}},{name:"Invalid Deprecated",scope:"invalid.deprecated",settings:{foreground:"#D8DEE9",background:"#EBCB8B"}},{name:"Invalid Illegal",scope:"invalid.illegal",settings:{foreground:"#D8DEE9",background:"#BF616A"}},{name:"Keyword",scope:"keyword",settings:{foreground:"#81A1C1"}},{name:"Keyword Operator",scope:"keyword.operator",settings:{foreground:"#81A1C1"}},{name:"Keyword Other New",scope:"keyword.other.new",settings:{foreground:"#81A1C1"}},{name:"Markup Bold",scope:"markup.bold",settings:{fontStyle:"bold"}},{name:"Markup Changed",scope:"markup.changed",settings:{foreground:"#EBCB8B"}},{name:"Markup Deleted",scope:"markup.deleted",settings:{foreground:"#BF616A"}},{name:"Markup Inserted",scope:"markup.inserted",settings:{foreground:"#A3BE8C"}},{name:"Meta Preprocessor",scope:"meta.preprocessor",settings:{foreground:"#5E81AC"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Parameters",scope:["punctuation.definition.method-parameters","punctuation.definition.function-parameters","punctuation.definition.parameters"],settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Tag",scope:"punctuation.definition.tag",settings:{foreground:"#81A1C1"}},{name:"Punctuation Definition Comment",scope:["punctuation.definition.comment","punctuation.end.definition.comment","punctuation.start.definition.comment"],settings:{foreground:"#616E88"}},{name:"Punctuation Section",scope:"punctuation.section",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Section Embedded",scope:["punctuation.section.embedded.begin","punctuation.section.embedded.end"],settings:{foreground:"#81A1C1"}},{name:"Punctuation Terminator",scope:"punctuation.terminator",settings:{foreground:"#81A1C1"}},{name:"Punctuation Variable",scope:"punctuation.definition.variable",settings:{foreground:"#81A1C1"}},{name:"Storage",scope:"storage",settings:{foreground:"#81A1C1"}},{name:"String",scope:"string",settings:{foreground:"#A3BE8C"}},{name:"String Regexp",scope:"string.regexp",settings:{foreground:"#EBCB8B"}},{name:"Support Class",scope:"support.class",settings:{foreground:"#8FBCBB"}},{name:"Support Constant",scope:"support.constant",settings:{foreground:"#81A1C1"}},{name:"Support Function",scope:"support.function",settings:{foreground:"#88C0D0"}},{name:"Support Function Construct",scope:"support.function.construct",settings:{foreground:"#81A1C1"}},{name:"Support Type",scope:"support.type",settings:{foreground:"#8FBCBB"}},{name:"Support Type Exception",scope:"support.type.exception",settings:{foreground:"#8FBCBB"}},{name:"Token Debug",scope:"token.debug-token",settings:{foreground:"#b48ead"}},{name:"Token Error",scope:"token.error-token",settings:{foreground:"#bf616a"}},{name:"Token Info",scope:"token.info-token",settings:{foreground:"#88c0d0"}},{name:"Token Warning",scope:"token.warn-token",settings:{foreground:"#ebcb8b"}},{name:"Variable",scope:"variable.other",settings:{foreground:"#D8DEE9"}},{name:"Variable Language",scope:"variable.language",settings:{foreground:"#81A1C1"}},{name:"Variable Parameter",scope:"variable.parameter",settings:{foreground:"#D8DEE9"}},{name:"[C/CPP] Punctuation Separator Pointer-Access",scope:"punctuation.separator.pointer-access.c",settings:{foreground:"#81A1C1"}},{name:"[C/CPP] Meta Preprocessor Include",scope:["source.c meta.preprocessor.include","source.c string.quoted.other.lt-gt.include"],settings:{foreground:"#8FBCBB"}},{name:"[C/CPP] Conditional Directive",scope:["source.cpp keyword.control.directive.conditional","source.cpp punctuation.definition.directive","source.c keyword.control.directive.conditional","source.c punctuation.definition.directive"],settings:{foreground:"#5E81AC",fontStyle:"bold"}},{name:"[CSS] Constant Other Color RGB Value",scope:"source.css constant.other.color.rgb-value",settings:{foreground:"#B48EAD"}},{name:"[CSS](Function) Meta Property-Value",scope:"source.css meta.property-value",settings:{foreground:"#88C0D0"}},{name:"[CSS] Media Queries",scope:["source.css keyword.control.at-rule.media","source.css keyword.control.at-rule.media punctuation.definition.keyword"],settings:{foreground:"#D08770"}},{name:"[CSS] Punctuation Definition Keyword",scope:"source.css punctuation.definition.keyword",settings:{foreground:"#81A1C1"}},{name:"[CSS] Support Type Property Name",scope:"source.css support.type.property-name",settings:{foreground:"#D8DEE9"}},{name:"[diff] Meta Range Context",scope:"source.diff meta.diff.range.context",settings:{foreground:"#8FBCBB"}},{name:"[diff] Meta Header From-File",scope:"source.diff meta.diff.header.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition From-File",scope:"source.diff punctuation.definition.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Range",scope:"source.diff punctuation.definition.range",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Separator",scope:"source.diff punctuation.definition.separator",settings:{foreground:"#81A1C1"}},{name:"[Elixir](JakeBecker.elixir-ls) module names",scope:"entity.name.type.module.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Elixir](JakeBecker.elixir-ls) module attributes",scope:"variable.other.readwrite.module.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) atoms",scope:"constant.other.symbol.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) modules",scope:"variable.other.constant.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Go] String Format Placeholder",scope:"source.go constant.other.placeholder.go",settings:{foreground:"#EBCB8B"}},{name:"[Java](JavaDoc) Comment Block Documentation HTML Entities",scope:"source.java comment.block.documentation.javadoc punctuation.definition.entity.html",settings:{foreground:"#81A1C1"}},{name:"[Java](JavaDoc) Constant Other",scope:"source.java constant.other",settings:{foreground:"#D8DEE9"}},{name:"[Java](JavaDoc) Keyword Other Documentation",scope:"source.java keyword.other.documentation",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Author",scope:"source.java keyword.other.documentation.author.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Directive/Custom",scope:["source.java keyword.other.documentation.directive","source.java keyword.other.documentation.custom"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation See",scope:"source.java keyword.other.documentation.see.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java] Meta Method-Call",scope:"source.java meta.method-call meta.method",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Meta Tag Template Link",scope:["source.java meta.tag.template.link.javadoc","source.java string.other.link.title.javadoc"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Meta Tag Template Value",scope:"source.java meta.tag.template.value.javadoc",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Punctuation Definition Keyword",scope:"source.java punctuation.definition.keyword.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Punctuation Definition Tag",scope:["source.java punctuation.definition.tag.begin.javadoc","source.java punctuation.definition.tag.end.javadoc"],settings:{foreground:"#616E88"}},{name:"[Java] Storage Modifier Import",scope:"source.java storage.modifier.import",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Modifier Package",scope:"source.java storage.modifier.package",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type",scope:"source.java storage.type",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Annotation",scope:"source.java storage.type.annotation",settings:{foreground:"#D08770"}},{name:"[Java] Storage Type Generic",scope:"source.java storage.type.generic",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Primitive",scope:"source.java storage.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Decorator",scope:["source.js punctuation.decorator","source.js meta.decorator variable.other.readwrite","source.js meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[JavaScript] Meta Object-Literal Key",scope:"source.js meta.object-literal.key",settings:{foreground:"#88C0D0"}},{name:"[JavaScript](JSDoc) Storage Type Class",scope:"source.js storage.type.class.jsdoc",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] String Template Literals Punctuation",scope:["source.js string.quoted.template punctuation.quasi.element.begin","source.js string.quoted.template punctuation.quasi.element.end","source.js string.template punctuation.definition.template-expression"],settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Interpolated String Template Punctuation Functions",scope:"source.js string.quoted.template meta.method-call.with-arguments",settings:{foreground:"#ECEFF4"}},{name:"[JavaScript] String Template Literal Variable",scope:["source.js string.template meta.template.expression support.variable.property","source.js string.template meta.template.expression variable.other.object"],settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Support Type Primitive",scope:"source.js support.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Variable Other Object",scope:"source.js variable.other.object",settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Variable Other Read-Write Alias",scope:"source.js variable.other.readwrite.alias",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] Parentheses in Template Strings",scope:["source.js meta.embedded.line meta.brace.square","source.js meta.embedded.line meta.brace.round","source.js string.quoted.template meta.brace.square","source.js string.quoted.template meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[HTML] Constant Character Entity",scope:"text.html.basic constant.character.entity.html",settings:{foreground:"#EBCB8B"}},{name:"[HTML] Constant Other Inline-Data",scope:"text.html.basic constant.other.inline-data",settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[HTML] Meta Tag SGML Doctype",scope:"text.html.basic meta.tag.sgml.doctype",settings:{foreground:"#5E81AC"}},{name:"[HTML] Punctuation Definition Entity",scope:"text.html.basic punctuation.definition.entity",settings:{foreground:"#81A1C1"}},{name:"[INI] Entity Name Section Group-Title",scope:"source.properties entity.name.section.group-title.ini",settings:{foreground:"#88C0D0"}},{name:"[INI] Punctuation Separator Key-Value",scope:"source.properties punctuation.separator.key-value.ini",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Fenced Code Block",scope:["text.html.markdown markup.fenced_code.block","text.html.markdown markup.fenced_code.block punctuation.definition"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Heading",scope:"markup.heading",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Inline",scope:["text.html.markdown markup.inline.raw","text.html.markdown markup.inline.raw punctuation.definition.raw"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Italic",scope:"text.html.markdown markup.italic",settings:{fontStyle:"italic"}},{name:"[Markdown] Markup Link",scope:"text.html.markdown markup.underline.link",settings:{fontStyle:"underline"}},{name:"[Markdown] Markup List Numbered/Unnumbered",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown beginning.punctuation.definition.quote",settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown markup.quote",settings:{foreground:"#616E88"}},{name:"[Markdown] Markup Math Constant",scope:"text.html.markdown constant.character.math.tex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Math Definition Marker",scope:["text.html.markdown punctuation.definition.math.begin","text.html.markdown punctuation.definition.math.end"],settings:{foreground:"#5E81AC"}},{name:"[Markdown] Markup Math Function Definition Marker",scope:"text.html.markdown punctuation.definition.function.math.tex",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Math Operator",scope:"text.html.markdown punctuation.math.operator.latex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Heading",scope:"text.html.markdown punctuation.definition.heading",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Constant/String",scope:["text.html.markdown punctuation.definition.constant","text.html.markdown punctuation.definition.string"],settings:{foreground:"#81A1C1"}},{name:"[Markdown] String Other Link Description/Title",scope:["text.html.markdown constant.other.reference.link","text.html.markdown string.other.link.description","text.html.markdown string.other.link.title"],settings:{foreground:"#88C0D0"}},{name:"[Perl] Perl Sigils",scope:"source.perl punctuation.definition.variable",settings:{foreground:"#D8DEE9"}},{name:"[PHP] Meta Function-Call Object",scope:["source.php meta.function-call","source.php meta.function-call.object"],settings:{foreground:"#88C0D0"}},{name:"[Python] Decorator",scope:["source.python entity.name.function.decorator","source.python meta.function.decorator support.type"],settings:{foreground:"#D08770"}},{name:"[Python] Function Call",scope:"source.python meta.function-call.generic",settings:{foreground:"#88C0D0"}},{name:"[Python] Support Type",scope:"source.python support.type",settings:{foreground:"#88C0D0"}},{name:"[Python] Function Parameter",scope:["source.python variable.parameter.function.language"],settings:{foreground:"#D8DEE9"}},{name:"[Python] Function Parameter Special",scope:["source.python meta.function.parameters variable.parameter.function.language.special.self"],settings:{foreground:"#81A1C1"}},{name:"[Rust] Entity types",scope:"source.rust entity.name.type",settings:{foreground:"#8FBCBB"}},{name:"[Rust] Macro",scope:"source.rust meta.macro entity.name.function",settings:{fontStyle:"bold",foreground:"#88C0D0"}},{name:"[Rust] Attributes",scope:["source.rust meta.attribute","source.rust meta.attribute punctuation","source.rust meta.attribute keyword.operator"],settings:{foreground:"#5E81AC"}},{name:"[Rust] Traits",scope:"source.rust entity.name.type.trait",settings:{fontStyle:"bold"}},{name:"[Rust] Interpolation Bracket Curly",scope:"source.rust punctuation.definition.interpolation",settings:{foreground:"#EBCB8B"}},{name:"[SCSS] Punctuation Definition Interpolation Bracket Curly",scope:["source.css.scss punctuation.definition.interpolation.begin.bracket.curly","source.css.scss punctuation.definition.interpolation.end.bracket.curly"],settings:{foreground:"#81A1C1"}},{name:"[SCSS] Variable Interpolation",scope:"source.css.scss variable.interpolation",settings:{foreground:"#D8DEE9",fontStyle:"italic"}},{name:"[TypeScript] Decorators",scope:["source.ts punctuation.decorator","source.ts meta.decorator variable.other.readwrite","source.ts meta.decorator entity.name.function","source.tsx punctuation.decorator","source.tsx meta.decorator variable.other.readwrite","source.tsx meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[TypeScript] Object-literal keys",scope:["source.ts meta.object-literal.key","source.tsx meta.object-literal.key"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Object-literal functions",scope:["source.ts meta.object-literal.key entity.name.function","source.tsx meta.object-literal.key entity.name.function"],settings:{foreground:"#88C0D0"}},{name:"[TypeScript] Type/Class",scope:["source.ts support.class","source.ts support.type","source.ts entity.name.type","source.ts entity.name.class","source.tsx support.class","source.tsx support.type","source.tsx entity.name.type","source.tsx entity.name.class"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Static Class Support",scope:["source.ts support.constant.math","source.ts support.constant.dom","source.ts support.constant.json","source.tsx support.constant.math","source.tsx support.constant.dom","source.tsx support.constant.json"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Variables",scope:["source.ts support.variable","source.tsx support.variable"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Parentheses in Template Strings",scope:["source.ts meta.embedded.line meta.brace.square","source.ts meta.embedded.line meta.brace.round","source.tsx meta.embedded.line meta.brace.square","source.tsx meta.embedded.line meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[XML] Entity Name Tag Namespace",scope:"text.xml entity.name.tag.namespace",settings:{foreground:"#8FBCBB"}},{name:"[XML] Keyword Other Doctype",scope:"text.xml keyword.other.doctype",settings:{foreground:"#5E81AC"}},{name:"[XML] Meta Tag Preprocessor",scope:"text.xml meta.tag.preprocessor entity.name.tag",settings:{foreground:"#5E81AC"}},{name:"[XML] Entity Name Tag Namespace",scope:["text.xml string.unquoted.cdata","text.xml string.unquoted.cdata punctuation.definition.string"],settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[YAML] Entity Name Tag",scope:"source.yaml entity.name.tag",settings:{foreground:"#8FBCBB"}}]},autoImport:!0,showCopyButton:!0,skipLanguages:[],filepath:"/Users/bytedance/modern.js/website/module-tools/docs/zh/plugins/guide/plugin-object.mdx"},i={sidebar_position:2},a=[{id:"\u63d2\u4ef6\u7c7b\u578b\u5b9a\u4e49",text:"\u63d2\u4ef6\u7c7b\u578b\u5b9a\u4e49",depth:2},{id:"\u63d2\u4ef6\u914d\u7f6e\u9879",text:"\u63d2\u4ef6\u914d\u7f6e\u9879",depth:2}],l="\u63d2\u4ef6\u5bf9\u8c61",p="\"---\\nsidebar_position: 2\\n---\\n\\n# \u63d2\u4ef6\u5bf9\u8c61\\n\\nModule-tools \u63d2\u4ef6\u662f\u4e00\u4e2a\u5bf9\u8c61\uff0c\u5bf9\u8c61\u5305\u542b\u4ee5\u4e0b\u5c5e\u6027\uff1a\\n\\n- `name`\uff1a\u63d2\u4ef6\u7684\u540d\u79f0\uff0c\u552f\u4e00\u6807\u8bc6\u7b26\u3002\\n- `setup`\uff1a\u63d2\u4ef6\u521d\u59cb\u5316\u51fd\u6570\uff0c\u53ea\u4f1a\u6267\u884c\u4e00\u6b21\u3002setup \u51fd\u6570\u53ef\u4ee5\u8fd4\u56de\u4e00\u4e2a [Hooks \u5bf9\u8c61]()\uff0cmodule-tools \u4f1a\u5728\u7279\u5b9a\u7684\u65f6\u673a\u6267\u884c Hooks \u5bf9\u8c61\u4e0a\u5b9a\u4e49\u7684 Hook \u5bf9\u5e94\u7684\u51fd\u6570\u3002\\n\\n\u4f8b\u5982\u5728\u4e0b\u9762\u7684\u63d2\u4ef6\u4ee3\u7801\u793a\u4f8b\u4e2d\uff0c\u5728\u9879\u76ee\u5f00\u59cb\u6267\u884c\u6784\u5efa\u4efb\u52a1\u4e4b\u524d\u4f1a\u89e6\u53d1 `beforeBuild` \u51fd\u6570\u7684\u6267\u884c\uff0c\u5e76\u6253\u5370 `build start` \u7684 log \u5185\u5bb9\u3002\\n\\n<CH.Code>\\n\\n```ts ./plugins/demo.tsx\\nimport type { CliPlugin, ModuleTools } from '@modern-js/module-tools';\\n\\nconst myPlugin: CliPlugin<ModuleTools> = {\\n name: 'my-plugin',\\n\\n setup() {\\n return {\\n // this is hook\\n beforeBuild: () => {\\n console.info('build start');\\n },\\n };\\n },\\n};\\n```\\n\\n---\\n\\n```ts ./modern.config.ts\\nimport { myPlugin } from './plugins/demo';\\nexport default {\\n plugins: [myPlugin()],\\n};\\n```\\n\\n</CH.Code>\\n\\n## \u63d2\u4ef6\u7c7b\u578b\u5b9a\u4e49\\n\\n\u4f7f\u7528 TypeScript \u65f6\uff0c\u53ef\u4ee5\u5f15\u5165\u5185\u7f6e\u7684 `CliPlugin` \u548c `ModuleTools` \u7c7b\u578b\uff0c\u4e3a\u63d2\u4ef6\u63d0\u4f9b\u6b63\u786e\u7684\u7c7b\u578b\u63a8\u5bfc\uff1a\\n\\n```ts\\nimport type { CliPlugin, ModuleTools } from '@modern-js/module-tools';\\n\\nconst myPlugin: CliPlugin<ModuleTools> = {\\n name: 'my-plugin',\\n\\n setup() {\\n const foo = '1';\\n\\n return {\\n // this is hook\\n afterBuild: () => {\\n //...\\n },\\n };\\n },\\n};\\n```\\n\\n## \u63d2\u4ef6\u914d\u7f6e\u9879\\n\\n**\u5efa\u8bae\u5c06\u63d2\u4ef6\u5199\u6210\u51fd\u6570\u7684\u5f62\u5f0f**\uff0c\u4f7f\u63d2\u4ef6\u80fd\u901a\u8fc7\u51fd\u6570\u5165\u53c2\u6765\u63a5\u6536\u914d\u7f6e\u9879\uff1a\\n\\n```ts\\nimport type { CliPlugin, ModuleTools } from '@modern-js/module-tools';\\n\\ntype MyPluginOptions = {\\n foo: string;\\n};\\n\\nconst myPlugin = (options: MyPluginOptions): CliPlugin<ModuleTools> => ({\\n name: 'my-plugin',\\n\\n setup() {\\n console.log(options.foo);\\n },\\n});\\n```\\n\"";function d(o){const e=Object.assign({h1:"h1",a:"a",p:"p",ul:"ul",li:"li",code:"code",hr:"hr",h2:"h2",strong:"strong"},o.components);return s||u("CH",!1),s.Code||u("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(e.h1,{id:"\u63d2\u4ef6\u5bf9\u8c61",children:[(0,n.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#\u63d2\u4ef6\u5bf9\u8c61",children:"#"}),"\u63d2\u4ef6\u5bf9\u8c61"]}),"\n",(0,n.jsx)(e.p,{children:"Module-tools \u63d2\u4ef6\u662f\u4e00\u4e2a\u5bf9\u8c61\uff0c\u5bf9\u8c61\u5305\u542b\u4ee5\u4e0b\u5c5e\u6027\uff1a"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"name"}),"\uff1a\u63d2\u4ef6\u7684\u540d\u79f0\uff0c\u552f\u4e00\u6807\u8bc6\u7b26\u3002"]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"setup"}),"\uff1a\u63d2\u4ef6\u521d\u59cb\u5316\u51fd\u6570\uff0c\u53ea\u4f1a\u6267\u884c\u4e00\u6b21\u3002setup \u51fd\u6570\u53ef\u4ee5\u8fd4\u56de\u4e00\u4e2a ",(0,n.jsx)(e.a,{href:"",children:"Hooks \u5bf9\u8c61"}),"\uff0cmodule-tools \u4f1a\u5728\u7279\u5b9a\u7684\u65f6\u673a\u6267\u884c Hooks \u5bf9\u8c61\u4e0a\u5b9a\u4e49\u7684 Hook \u5bf9\u5e94\u7684\u51fd\u6570\u3002"]}),"\n"]}),"\n",(0,n.jsxs)(e.p,{children:["\u4f8b\u5982\u5728\u4e0b\u9762\u7684\u63d2\u4ef6\u4ee3\u7801\u793a\u4f8b\u4e2d\uff0c\u5728\u9879\u76ee\u5f00\u59cb\u6267\u884c\u6784\u5efa\u4efb\u52a1\u4e4b\u524d\u4f1a\u89e6\u53d1 ",(0,n.jsx)(e.code,{children:"beforeBuild"})," \u51fd\u6570\u7684\u6267\u884c\uff0c\u5e76\u6253\u5370 ",(0,n.jsx)(e.code,{children:"build start"})," \u7684 log \u5185\u5bb9\u3002"]}),"\n",(0,n.jsxs)(s.Code,{codeConfig:c,northPanel:{tabs:["./plugins/demo.tsx"],active:"./plugins/demo.tsx",heightRatio:.7272727272727273},southPanel:{tabs:["./modern.config.ts"],active:"./modern.config.ts",heightRatio:.2727272727272727},files:[{name:"./plugins/demo.tsx",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"type",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"ModuleTools",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"myPlugin",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#8FBCBB"}}},{content:"<",props:{style:{color:"#ECEFF4"}}},{content:"ModuleTools",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"name",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"my-plugin",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"setup",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#ECEFF4"}}},{content:"// this is hook",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"beforeBuild",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"console",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"info",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"build start",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]},{name:"./modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"myPlugin",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./plugins/demo",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"plugins",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"myPlugin",props:{style:{color:"#88C0D0"}}},{content:"()]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["./plugins/demo.tsx"],active:"./plugins/demo.tsx",heightRatio:1},files:[{name:"./plugins/demo.tsx",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"type",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"ModuleTools",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"myPlugin",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#8FBCBB"}}},{content:"<",props:{style:{color:"#ECEFF4"}}},{content:"ModuleTools",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"name",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"my-plugin",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"setup",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#ECEFF4"}}},{content:"// this is hook",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"beforeBuild",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"console",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"info",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"build start",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}]}),(0,n.jsx)(e.hr,{}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["./modern.config.ts"],active:"./modern.config.ts",heightRatio:1},files:[{name:"./modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"myPlugin",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./plugins/demo",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"plugins",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"myPlugin",props:{style:{color:"#88C0D0"}}},{content:"()]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}]})]}),"\n",(0,n.jsxs)(e.h2,{id:"\u63d2\u4ef6\u7c7b\u578b\u5b9a\u4e49",children:[(0,n.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#\u63d2\u4ef6\u7c7b\u578b\u5b9a\u4e49",children:"#"}),"\u63d2\u4ef6\u7c7b\u578b\u5b9a\u4e49"]}),"\n",(0,n.jsxs)(e.p,{children:["\u4f7f\u7528 TypeScript \u65f6\uff0c\u53ef\u4ee5\u5f15\u5165\u5185\u7f6e\u7684 ",(0,n.jsx)(e.code,{children:"CliPlugin"})," \u548c ",(0,n.jsx)(e.code,{children:"ModuleTools"})," \u7c7b\u578b\uff0c\u4e3a\u63d2\u4ef6\u63d0\u4f9b\u6b63\u786e\u7684\u7c7b\u578b\u63a8\u5bfc\uff1a"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"type",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"ModuleTools",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"myPlugin",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#8FBCBB"}}},{content:"<",props:{style:{color:"#ECEFF4"}}},{content:"ModuleTools",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"name",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"my-plugin",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"setup",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"const",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"foo",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"1",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#ECEFF4"}}},{content:"// this is hook",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"afterBuild",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#ECEFF4"}}},{content:"//...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsxs)(e.h2,{id:"\u63d2\u4ef6\u914d\u7f6e\u9879",children:[(0,n.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#\u63d2\u4ef6\u914d\u7f6e\u9879",children:"#"}),"\u63d2\u4ef6\u914d\u7f6e\u9879"]}),"\n",(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.strong,{children:"\u5efa\u8bae\u5c06\u63d2\u4ef6\u5199\u6210\u51fd\u6570\u7684\u5f62\u5f0f"}),"\uff0c\u4f7f\u63d2\u4ef6\u80fd\u901a\u8fc7\u51fd\u6570\u5165\u53c2\u6765\u63a5\u6536\u914d\u7f6e\u9879\uff1a"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"type",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"ModuleTools",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"type",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"MyPluginOptions",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" foo",props:{style:{color:"#D8DEE9FF"}}},{content:":",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"string",props:{style:{color:"#8FBCBB"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"const",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"myPlugin",props:{style:{color:"#88C0D0"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"options",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"MyPluginOptions",props:{style:{color:"#8FBCBB"}}},{content:")",props:{style:{color:"#ECEFF4"}}},{content:":",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CliPlugin",props:{style:{color:"#8FBCBB"}}},{content:"<",props:{style:{color:"#ECEFF4"}}},{content:"ModuleTools",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"name",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"my-plugin",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"setup",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"console",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"log",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"options",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"foo",props:{style:{color:"#D8DEE9"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}]})]})}function u(o,e){throw new Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(o={}){const{wrapper:e}=o.components||{};return e?(0,n.jsx)(e,Object.assign({},o,{children:(0,n.jsx)(d,o)})):d(o)}}}]);