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

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