@modern-js/module-tools-docs 2.0.0-beta.4
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.
- package/LICENSE +144 -0
- package/docs/.island/config.ts +245 -0
- package/docs/.island/dist/404.html +41 -0
- package/docs/.island/dist/assets/before-getting-started.1b82b538.js +87 -0
- package/docs/.island/dist/assets/before-getting-started.582a31cc.js +87 -0
- package/docs/.island/dist/assets/build-config.72eb0918.js +804 -0
- package/docs/.island/dist/assets/build-config.d8bb1658.js +809 -0
- package/docs/.island/dist/assets/build-preset.96805d7d.js +256 -0
- package/docs/.island/dist/assets/build-preset.c20dcd40.js +256 -0
- package/docs/.island/dist/assets/build-your-ui.7f349247.js +2 -0
- package/docs/.island/dist/assets/build-your-ui.a8361604.js +2 -0
- package/docs/.island/dist/assets/command-preview.2d45fc82.js +264 -0
- package/docs/.island/dist/assets/command-preview.dc51b953.js +264 -0
- package/docs/.island/dist/assets/components.esm.03560353.js +9 -0
- package/docs/.island/dist/assets/design-system.86694ff5.js +1254 -0
- package/docs/.island/dist/assets/design-system.c4745cce.js +639 -0
- package/docs/.island/dist/assets/dev.1d326a37.js +37 -0
- package/docs/.island/dist/assets/dev.1fd06000.js +37 -0
- package/docs/.island/dist/assets/down.f35427d3.svg +1 -0
- package/docs/.island/dist/assets/extension.12299fd6.js +2 -0
- package/docs/.island/dist/assets/extension.96dc63a4.js +2 -0
- package/docs/.island/dist/assets/getting-started.40e9218d.js +117 -0
- package/docs/.island/dist/assets/getting-started.b1ed3f10.js +114 -0
- package/docs/.island/dist/assets/github.3bf8ccee.svg +1 -0
- package/docs/.island/dist/assets/index.2b2347ea.js +33 -0
- package/docs/.island/dist/assets/index.6cef6f5f.js +4 -0
- package/docs/.island/dist/assets/index.cb118238.js +36 -0
- package/docs/.island/dist/assets/index.ccb6ce27.js +4 -0
- package/docs/.island/dist/assets/island_inject.11a12ecc.js +1 -0
- package/docs/.island/dist/assets/island_inject.b13deaee.js +1 -0
- package/docs/.island/dist/assets/loading.8c9bb911.svg +1 -0
- package/docs/.island/dist/assets/modify-output-product.7f6bff35.js +100 -0
- package/docs/.island/dist/assets/modify-output-product.b91eff1f.js +100 -0
- package/docs/.island/dist/assets/moon.6b705924.svg +3 -0
- package/docs/.island/dist/assets/plugin.895932d8.js +42 -0
- package/docs/.island/dist/assets/plugin.d2fbc531.js +42 -0
- package/docs/.island/dist/assets/publish-your-project.21b8309f.js +164 -0
- package/docs/.island/dist/assets/publish-your-project.8d398b17.js +166 -0
- package/docs/.island/dist/assets/right.89674cd7.svg +1 -0
- package/docs/.island/dist/assets/search.0aea6901.svg +1 -0
- package/docs/.island/dist/assets/search.1c85d17c.js +3 -0
- package/docs/.island/dist/assets/search.484eca11.js +222 -0
- package/docs/.island/dist/assets/search.54fca8d0.js +3 -0
- package/docs/.island/dist/assets/style.09015a4b.css +1 -0
- package/docs/.island/dist/assets/style.2e5f7bc2.css +1970 -0
- package/docs/.island/dist/assets/sun.841dac10.svg +11 -0
- package/docs/.island/dist/assets/test-your-project.18bd4582.js +190 -0
- package/docs/.island/dist/assets/test-your-project.f53bebf7.js +190 -0
- package/docs/.island/dist/assets/test.0da1f99f.js +67 -0
- package/docs/.island/dist/assets/test.0e81f002.js +66 -0
- package/docs/.island/dist/assets/translator.b1077c44.svg +1 -0
- package/docs/.island/dist/assets/use-micro-generator.7d9e4016.js +60 -0
- package/docs/.island/dist/assets/use-micro-generator.db5520c1.js +60 -0
- package/docs/.island/dist/assets/using-storybook.57ea6b77.js +260 -0
- package/docs/.island/dist/assets/using-storybook.a2212f2e.js +260 -0
- package/docs/.island/dist/assets/welcome.0449a9c8.js +13 -0
- package/docs/.island/dist/assets/welcome.a8448931.js +13 -0
- package/docs/.island/dist/assets/why-module-engineering-solution.6ae8c0e3.js +26 -0
- package/docs/.island/dist/assets/why-module-engineering-solution.c9a45cbd.js +26 -0
- package/docs/.island/dist/chunk-COLCRJ2V.js +1 -0
- package/docs/.island/dist/chunk-K5FMOYDC.js +10 -0
- package/docs/.island/dist/chunk-WE42KMYS.js +26 -0
- package/docs/.island/dist/client-entry.js +3 -0
- package/docs/.island/dist/en/api/build-config.html +344 -0
- package/docs/.island/dist/en/api/build-preset.html +82 -0
- package/docs/.island/dist/en/api/design-system.html +155 -0
- package/docs/.island/dist/en/api/dev.html +45 -0
- package/docs/.island/dist/en/api/index.html +41 -0
- package/docs/.island/dist/en/api/plugin.html +48 -0
- package/docs/.island/dist/en/api/test.html +58 -0
- package/docs/.island/dist/en/guide/before-getting-started.html +127 -0
- package/docs/.island/dist/en/guide/build-your-ui.html +41 -0
- package/docs/.island/dist/en/guide/command-preview.html +100 -0
- package/docs/.island/dist/en/guide/extension.html +41 -0
- package/docs/.island/dist/en/guide/getting-started.html +76 -0
- package/docs/.island/dist/en/guide/modify-output-product.html +140 -0
- package/docs/.island/dist/en/guide/publish-your-project.html +91 -0
- package/docs/.island/dist/en/guide/test-your-project.html +72 -0
- package/docs/.island/dist/en/guide/use-micro-generator.html +65 -0
- package/docs/.island/dist/en/guide/using-storybook.html +113 -0
- package/docs/.island/dist/en/guide/welcome.html +53 -0
- package/docs/.island/dist/en/guide/why-module-engineering-solution.html +49 -0
- package/docs/.island/dist/en/index.html +42 -0
- package/docs/.island/dist/react-dom.js +1 -0
- package/docs/.island/dist/react-dom_client.js +1 -0
- package/docs/.island/dist/react.js +1 -0
- package/docs/.island/dist/react_jsx-runtime.js +10 -0
- package/docs/.island/dist/ssr-manifest.json +57 -0
- package/docs/.island/dist/test-result.png +0 -0
- package/docs/.island/dist/why-module-solution.png +0 -0
- package/docs/.island/dist/zh/api/build-config.html +347 -0
- package/docs/.island/dist/zh/api/build-preset.html +82 -0
- package/docs/.island/dist/zh/api/design-system.html +149 -0
- package/docs/.island/dist/zh/api/dev.html +46 -0
- package/docs/.island/dist/zh/api/index.html +41 -0
- package/docs/.island/dist/zh/api/plugin.html +48 -0
- package/docs/.island/dist/zh/api/test.html +59 -0
- package/docs/.island/dist/zh/guide/before-getting-started.html +127 -0
- package/docs/.island/dist/zh/guide/build-your-ui.html +41 -0
- package/docs/.island/dist/zh/guide/command-preview.html +100 -0
- package/docs/.island/dist/zh/guide/extension.html +41 -0
- package/docs/.island/dist/zh/guide/getting-started.html +79 -0
- package/docs/.island/dist/zh/guide/modify-output-product.html +140 -0
- package/docs/.island/dist/zh/guide/publish-your-project.html +92 -0
- package/docs/.island/dist/zh/guide/test-your-project.html +72 -0
- package/docs/.island/dist/zh/guide/use-micro-generator.html +65 -0
- package/docs/.island/dist/zh/guide/using-storybook.html +114 -0
- package/docs/.island/dist/zh/guide/welcome.html +53 -0
- package/docs/.island/dist/zh/guide/why-module-engineering-solution.html +49 -0
- package/docs/.island/dist/zh/index.html +42 -0
- package/docs/.island/index.html +39 -0
- package/docs/.island/styles/index.css +10 -0
- package/docs/en/api/build-config.md +501 -0
- package/docs/en/api/build-preset.md +214 -0
- package/docs/en/api/design-system.md +524 -0
- package/docs/en/api/dev.md +32 -0
- package/docs/en/api/index.md +3 -0
- package/docs/en/api/plugin.md +34 -0
- package/docs/en/api/test.md +48 -0
- package/docs/en/guide/advance/asset.mdx +132 -0
- package/docs/en/guide/advance/build-umd.mdx +241 -0
- package/docs/en/guide/advance/copy.md +235 -0
- package/docs/en/guide/advance/external-dependency.mdx +125 -0
- package/docs/en/guide/advance/in-depth-about-build.md +266 -0
- package/docs/en/guide/advance/in-depth-about-dev-command.md +22 -0
- package/docs/en/guide/basic/before-getting-started.md +187 -0
- package/docs/en/guide/basic/command-preview.md +204 -0
- package/docs/en/guide/basic/modify-output-product.md +145 -0
- package/docs/en/guide/basic/publish-your-project.md +115 -0
- package/docs/en/guide/basic/test-your-project.mdx +158 -0
- package/docs/en/guide/basic/use-micro-generator.md +35 -0
- package/docs/en/guide/basic/using-storybook.mdx +187 -0
- package/docs/en/guide/intro/getting-started.md +78 -0
- package/docs/en/guide/intro/welcome.md +14 -0
- package/docs/en/guide/intro/why-module-engineering-solution.md +17 -0
- package/docs/en/index.md +35 -0
- package/docs/public/test-result.png +0 -0
- package/docs/public/why-module-solution.png +0 -0
- package/docs/zh/api/build-config.md +570 -0
- package/docs/zh/api/build-preset.md +220 -0
- package/docs/zh/api/design-system.md +1147 -0
- package/docs/zh/api/dev.md +33 -0
- package/docs/zh/api/index.md +3 -0
- package/docs/zh/api/plugins.md +108 -0
- package/docs/zh/api/testing.md +52 -0
- package/docs/zh/guide/advance/asset.mdx +132 -0
- package/docs/zh/guide/advance/build-umd.mdx +232 -0
- package/docs/zh/guide/advance/copy.md +235 -0
- package/docs/zh/guide/advance/external-dependency.mdx +125 -0
- package/docs/zh/guide/advance/in-depth-about-build.md +267 -0
- package/docs/zh/guide/advance/in-depth-about-dev-command.md +26 -0
- package/docs/zh/guide/basic/before-getting-started.md +187 -0
- package/docs/zh/guide/basic/command-preview.md +204 -0
- package/docs/zh/guide/basic/modify-output-product.md +144 -0
- package/docs/zh/guide/basic/publish-your-project.md +112 -0
- package/docs/zh/guide/basic/test-your-project.mdx +158 -0
- package/docs/zh/guide/basic/use-micro-generator.md +35 -0
- package/docs/zh/guide/basic/using-storybook.mdx +186 -0
- package/docs/zh/guide/intro/getting-started.md +78 -0
- package/docs/zh/guide/intro/welcome.md +14 -0
- package/docs/zh/guide/intro/why-module-engineering-solution.md +17 -0
- package/docs/zh/index.md +29 -0
- package/package.json +19 -0
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import{jsx as t,jsxs as o,Fragment as s}from"react/jsx-runtime";import{a as d,C as u}from"./components.esm.03560353.js";import"react";import"react-dom";const r={annotations:d,Code:u},a={staticMediaQuery:"not screen, (max-width: 768px)",theme:{name:"nord",type:"dark",semanticHighlighting:!0,colors:{focusBorder:"#3b4252",foreground:"#d8dee9","activityBar.background":"#2e3440","activityBar.dropBackground":"#3b4252","activityBar.foreground":"#d8dee9","activityBar.activeBorder":"#88c0d0","activityBar.activeBackground":"#3b4252","activityBarBadge.background":"#88c0d0","activityBarBadge.foreground":"#2e3440","badge.foreground":"#2e3440","badge.background":"#88c0d0","button.background":"#88c0d0ee","button.foreground":"#2e3440","button.hoverBackground":"#88c0d0","button.secondaryBackground":"#434c5e","button.secondaryForeground":"#d8dee9","button.secondaryHoverBackground":"#4c566a","charts.red":"#bf616a","charts.blue":"#81a1c1","charts.yellow":"#ebcb8b","charts.orange":"#d08770","charts.green":"#a3be8c","charts.purple":"#b48ead","charts.foreground":"#d8dee9","charts.lines":"#88c0d0","debugConsole.infoForeground":"#88c0d0","debugConsole.warningForeground":"#ebcb8b","debugConsole.errorForeground":"#bf616a","debugConsole.sourceForeground":"#616e88","debugConsoleInputIcon.foreground":"#81a1c1","debugExceptionWidget.background":"#4c566a","debugExceptionWidget.border":"#2e3440","debugToolBar.background":"#3b4252",descriptionForeground:"#d8dee9e6","diffEditor.insertedTextBackground":"#81a1c133","diffEditor.removedTextBackground":"#bf616a4d","dropdown.background":"#3b4252","dropdown.border":"#3b4252","dropdown.foreground":"#d8dee9","editorActiveLineNumber.foreground":"#d8dee9cc","editorCursor.foreground":"#d8dee9","editorHint.border":"#ebcb8b00","editorHint.foreground":"#ebcb8b","editorIndentGuide.background":"#434c5eb3","editorIndentGuide.activeBackground":"#4c566a","editorInlayHint.background":"#434c5e","editorInlayHint.foreground":"#d8dee9","editorLineNumber.foreground":"#4c566a","editorLineNumber.activeForeground":"#d8dee9","editorWhitespace.foreground":"#4c566ab3","editorWidget.background":"#2e3440","editorWidget.border":"#3b4252","editor.background":"#2e3440","editor.foreground":"#d8dee9","editor.hoverHighlightBackground":"#3b4252","editor.findMatchBackground":"#88c0d066","editor.findMatchHighlightBackground":"#88c0d033","editor.findRangeHighlightBackground":"#88c0d033","editor.lineHighlightBackground":"#3b4252","editor.lineHighlightBorder":"#3b4252","editor.inactiveSelectionBackground":"#434c5ecc","editor.inlineValuesBackground":"#4c566a","editor.inlineValuesForeground":"#eceff4","editor.selectionBackground":"#434c5ecc","editor.selectionHighlightBackground":"#434c5ecc","editor.rangeHighlightBackground":"#434c5e52","editor.wordHighlightBackground":"#81a1c166","editor.wordHighlightStrongBackground":"#81a1c199","editor.stackFrameHighlightBackground":"#5e81ac","editor.focusedStackFrameHighlightBackground":"#5e81ac","editorError.foreground":"#bf616a","editorError.border":"#bf616a00","editorWarning.foreground":"#ebcb8b","editorWarning.border":"#ebcb8b00","editorBracketMatch.background":"#2e344000","editorBracketMatch.border":"#88c0d0","editorBracketHighlight.foreground1":"#8fbcbb","editorBracketHighlight.foreground2":"#88c0d0","editorBracketHighlight.foreground3":"#81a1c1","editorBracketHighlight.foreground4":"#5e81ac","editorBracketHighlight.foreground5":"#8fbcbb","editorBracketHighlight.foreground6":"#88c0d0","editorBracketHighlight.unexpectedBracket.foreground":"#bf616a","editorCodeLens.foreground":"#4c566a","editorGroup.background":"#2e3440","editorGroup.border":"#3b425201","editorGroup.dropBackground":"#3b425299","editorGroupHeader.border":"#3b425200","editorGroupHeader.noTabsBackground":"#2e3440","editorGroupHeader.tabsBackground":"#2e3440","editorGroupHeader.tabsBorder":"#3b425200","editorGutter.background":"#2e3440","editorGutter.modifiedBackground":"#ebcb8b","editorGutter.addedBackground":"#a3be8c","editorGutter.deletedBackground":"#bf616a","editorHoverWidget.background":"#3b4252","editorHoverWidget.border":"#3b4252","editorLink.activeForeground":"#88c0d0","editorMarkerNavigation.background":"#5e81acc0","editorMarkerNavigationError.background":"#bf616ac0","editorMarkerNavigationWarning.background":"#ebcb8bc0","editorOverviewRuler.border":"#3b4252","editorOverviewRuler.currentContentForeground":"#3b4252","editorOverviewRuler.incomingContentForeground":"#3b4252","editorOverviewRuler.findMatchForeground":"#88c0d066","editorOverviewRuler.rangeHighlightForeground":"#88c0d066","editorOverviewRuler.selectionHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightStrongForeground":"#88c0d066","editorOverviewRuler.modifiedForeground":"#ebcb8b","editorOverviewRuler.addedForeground":"#a3be8c","editorOverviewRuler.deletedForeground":"#bf616a","editorOverviewRuler.errorForeground":"#bf616a","editorOverviewRuler.warningForeground":"#ebcb8b","editorOverviewRuler.infoForeground":"#81a1c1","editorRuler.foreground":"#434c5e","editorSuggestWidget.background":"#2e3440","editorSuggestWidget.border":"#3b4252","editorSuggestWidget.foreground":"#d8dee9","editorSuggestWidget.focusHighlightForeground":"#88c0d0","editorSuggestWidget.highlightForeground":"#88c0d0","editorSuggestWidget.selectedBackground":"#434c5e","editorSuggestWidget.selectedForeground":"#d8dee9","extensionButton.prominentForeground":"#d8dee9","extensionButton.prominentBackground":"#434c5e","extensionButton.prominentHoverBackground":"#4c566a",errorForeground:"#bf616a","gitDecoration.modifiedResourceForeground":"#ebcb8b","gitDecoration.deletedResourceForeground":"#bf616a","gitDecoration.untrackedResourceForeground":"#a3be8c","gitDecoration.ignoredResourceForeground":"#d8dee966","gitDecoration.conflictingResourceForeground":"#5e81ac","gitDecoration.submoduleResourceForeground":"#8fbcbb","gitDecoration.stageDeletedResourceForeground":"#bf616a","gitDecoration.stageModifiedResourceForeground":"#ebcb8b","input.background":"#3b4252","input.foreground":"#d8dee9","input.placeholderForeground":"#d8dee999","input.border":"#3b4252","inputOption.activeBackground":"#5e81ac","inputOption.activeBorder":"#5e81ac","inputOption.activeForeground":"#eceff4","inputValidation.errorBackground":"#bf616a","inputValidation.errorBorder":"#bf616a","inputValidation.infoBackground":"#81a1c1","inputValidation.infoBorder":"#81a1c1","inputValidation.warningBackground":"#d08770","inputValidation.warningBorder":"#d08770","keybindingLabel.background":"#4c566a","keybindingLabel.border":"#4c566a","keybindingLabel.bottomBorder":"#4c566a","keybindingLabel.foreground":"#d8dee9","list.activeSelectionBackground":"#88c0d0","list.activeSelectionForeground":"#2e3440","list.inactiveSelectionBackground":"#434c5e","list.inactiveSelectionForeground":"#d8dee9","list.inactiveFocusBackground":"#434c5ecc","list.hoverForeground":"#eceff4","list.focusForeground":"#d8dee9","list.focusBackground":"#88c0d099","list.focusHighlightForeground":"#eceff4","list.hoverBackground":"#3b4252","list.dropBackground":"#88c0d099","list.highlightForeground":"#88c0d0","list.errorForeground":"#bf616a","list.warningForeground":"#ebcb8b","merge.currentHeaderBackground":"#81a1c166","merge.currentContentBackground":"#81a1c14d","merge.incomingHeaderBackground":"#8fbcbb66","merge.incomingContentBackground":"#8fbcbb4d","merge.border":"#3b425200","minimap.background":"#2e3440","minimap.errorHighlight":"#bf616acc","minimap.findMatchHighlight":"#88c0d0","minimap.selectionHighlight":"#88c0d0cc","minimap.warningHighlight":"#ebcb8bcc","minimapGutter.addedBackground":"#a3be8c","minimapGutter.deletedBackground":"#bf616a","minimapGutter.modifiedBackground":"#ebcb8b","minimapSlider.activeBackground":"#434c5eaa","minimapSlider.background":"#434c5e99","minimapSlider.hoverBackground":"#434c5eaa","notification.background":"#3b4252","notification.buttonBackground":"#434c5e","notification.buttonForeground":"#d8dee9","notification.buttonHoverBackground":"#4c566a","notification.errorBackground":"#bf616a","notification.errorForeground":"#2e3440","notification.foreground":"#d8dee9","notification.infoBackground":"#88c0d0","notification.infoForeground":"#2e3440","notification.warningBackground":"#ebcb8b","notification.warningForeground":"#2e3440","notificationCenter.border":"#3b425200","notificationCenterHeader.background":"#2e3440","notificationCenterHeader.foreground":"#88c0d0","notificationLink.foreground":"#88c0d0","notifications.background":"#3b4252","notifications.border":"#2e3440","notifications.foreground":"#d8dee9","notificationToast.border":"#3b425200","panel.background":"#2e3440","panel.border":"#3b4252","panelTitle.activeBorder":"#88c0d000","panelTitle.activeForeground":"#88c0d0","panelTitle.inactiveForeground":"#d8dee9","peekView.border":"#4c566a","peekViewEditor.background":"#2e3440","peekViewEditorGutter.background":"#2e3440","peekViewEditor.matchHighlightBackground":"#88c0d04d","peekViewResult.background":"#2e3440","peekViewResult.fileForeground":"#88c0d0","peekViewResult.lineForeground":"#d8dee966","peekViewResult.matchHighlightBackground":"#88c0d0cc","peekViewResult.selectionBackground":"#434c5e","peekViewResult.selectionForeground":"#d8dee9","peekViewTitle.background":"#3b4252","peekViewTitleDescription.foreground":"#d8dee9","peekViewTitleLabel.foreground":"#88c0d0","pickerGroup.border":"#3b4252","pickerGroup.foreground":"#88c0d0","progressBar.background":"#88c0d0","quickInputList.focusBackground":"#88c0d0","quickInputList.focusForeground":"#2e3440","sash.hoverBorder":"#88c0d0","scrollbar.shadow":"#00000066","scrollbarSlider.activeBackground":"#434c5eaa","scrollbarSlider.background":"#434c5e99","scrollbarSlider.hoverBackground":"#434c5eaa","selection.background":"#88c0d099","sideBar.background":"#2e3440","sideBar.foreground":"#d8dee9","sideBar.border":"#3b4252","sideBarSectionHeader.background":"#3b4252","sideBarSectionHeader.foreground":"#d8dee9","sideBarTitle.foreground":"#d8dee9","statusBar.background":"#3b4252","statusBar.debuggingBackground":"#5e81ac","statusBar.debuggingForeground":"#d8dee9","statusBar.noFolderForeground":"#d8dee9","statusBar.noFolderBackground":"#3b4252","statusBar.foreground":"#d8dee9","statusBarItem.activeBackground":"#4c566a","statusBarItem.hoverBackground":"#434c5e","statusBarItem.prominentBackground":"#3b4252","statusBarItem.prominentHoverBackground":"#434c5e","statusBarItem.errorBackground":"#3b4252","statusBarItem.errorForeground":"#bf616a","statusBarItem.warningBackground":"#ebcb8b","statusBarItem.warningForeground":"#2e3440","statusBar.border":"#3b425200","tab.activeBackground":"#3b4252","tab.activeForeground":"#d8dee9","tab.border":"#3b425200","tab.activeBorder":"#88c0d000","tab.unfocusedActiveBorder":"#88c0d000","tab.inactiveBackground":"#2e3440","tab.inactiveForeground":"#d8dee966","tab.unfocusedActiveForeground":"#d8dee999","tab.unfocusedInactiveForeground":"#d8dee966","tab.hoverBackground":"#3b4252cc","tab.unfocusedHoverBackground":"#3b4252b3","tab.hoverBorder":"#88c0d000","tab.unfocusedHoverBorder":"#88c0d000","tab.activeBorderTop":"#88c0d000","tab.unfocusedActiveBorderTop":"#88c0d000","tab.lastPinnedBorder":"#4c566a","terminal.background":"#2e3440","terminal.foreground":"#d8dee9","terminal.ansiBlack":"#3b4252","terminal.ansiRed":"#bf616a","terminal.ansiGreen":"#a3be8c","terminal.ansiYellow":"#ebcb8b","terminal.ansiBlue":"#81a1c1","terminal.ansiMagenta":"#b48ead","terminal.ansiCyan":"#88c0d0","terminal.ansiWhite":"#e5e9f0","terminal.ansiBrightBlack":"#4c566a","terminal.ansiBrightRed":"#bf616a","terminal.ansiBrightGreen":"#a3be8c","terminal.ansiBrightYellow":"#ebcb8b","terminal.ansiBrightBlue":"#81a1c1","terminal.ansiBrightMagenta":"#b48ead","terminal.ansiBrightCyan":"#8fbcbb","terminal.ansiBrightWhite":"#eceff4","terminal.tab.activeBorder":"#88c0d0","textBlockQuote.background":"#3b4252","textBlockQuote.border":"#81a1c1","textCodeBlock.background":"#4c566a","textLink.activeForeground":"#88c0d0","textLink.foreground":"#88c0d0","textPreformat.foreground":"#8fbcbb","textSeparator.foreground":"#eceff4","titleBar.activeBackground":"#2e3440","titleBar.activeForeground":"#d8dee9","titleBar.border":"#2e344000","titleBar.inactiveBackground":"#2e3440","titleBar.inactiveForeground":"#d8dee966","tree.indentGuidesStroke":"#616e88","walkThrough.embeddedEditorBackground":"#2e3440","welcomePage.buttonBackground":"#434c5e","welcomePage.buttonHoverBackground":"#4c566a","widget.shadow":"#00000066"},tokenColors:[{settings:{foreground:"#d8dee9ff",background:"#2e3440ff"}},{scope:"emphasis",settings:{fontStyle:"italic"}},{scope:"strong",settings:{fontStyle:"bold"}},{name:"Comment",scope:"comment",settings:{foreground:"#616E88"}},{name:"Constant Character",scope:"constant.character",settings:{foreground:"#EBCB8B"}},{name:"Constant Character Escape",scope:"constant.character.escape",settings:{foreground:"#EBCB8B"}},{name:"Constant Language",scope:"constant.language",settings:{foreground:"#81A1C1"}},{name:"Constant Numeric",scope:"constant.numeric",settings:{foreground:"#B48EAD"}},{name:"Constant Regexp",scope:"constant.regexp",settings:{foreground:"#EBCB8B"}},{name:"Entity Name Class/Type",scope:["entity.name.class","entity.name.type.class"],settings:{foreground:"#8FBCBB"}},{name:"Entity Name Function",scope:"entity.name.function",settings:{foreground:"#88C0D0"}},{name:"Entity Name Tag",scope:"entity.name.tag",settings:{foreground:"#81A1C1"}},{name:"Entity Other Attribute Name",scope:"entity.other.attribute-name",settings:{foreground:"#8FBCBB"}},{name:"Entity Other Inherited Class",scope:"entity.other.inherited-class",settings:{fontStyle:"bold",foreground:"#8FBCBB"}},{name:"Invalid Deprecated",scope:"invalid.deprecated",settings:{foreground:"#D8DEE9",background:"#EBCB8B"}},{name:"Invalid Illegal",scope:"invalid.illegal",settings:{foreground:"#D8DEE9",background:"#BF616A"}},{name:"Keyword",scope:"keyword",settings:{foreground:"#81A1C1"}},{name:"Keyword Operator",scope:"keyword.operator",settings:{foreground:"#81A1C1"}},{name:"Keyword Other New",scope:"keyword.other.new",settings:{foreground:"#81A1C1"}},{name:"Markup Bold",scope:"markup.bold",settings:{fontStyle:"bold"}},{name:"Markup Changed",scope:"markup.changed",settings:{foreground:"#EBCB8B"}},{name:"Markup Deleted",scope:"markup.deleted",settings:{foreground:"#BF616A"}},{name:"Markup Inserted",scope:"markup.inserted",settings:{foreground:"#A3BE8C"}},{name:"Meta Preprocessor",scope:"meta.preprocessor",settings:{foreground:"#5E81AC"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Parameters",scope:["punctuation.definition.method-parameters","punctuation.definition.function-parameters","punctuation.definition.parameters"],settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Tag",scope:"punctuation.definition.tag",settings:{foreground:"#81A1C1"}},{name:"Punctuation Definition Comment",scope:["punctuation.definition.comment","punctuation.end.definition.comment","punctuation.start.definition.comment"],settings:{foreground:"#616E88"}},{name:"Punctuation Section",scope:"punctuation.section",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Section Embedded",scope:["punctuation.section.embedded.begin","punctuation.section.embedded.end"],settings:{foreground:"#81A1C1"}},{name:"Punctuation Terminator",scope:"punctuation.terminator",settings:{foreground:"#81A1C1"}},{name:"Punctuation Variable",scope:"punctuation.definition.variable",settings:{foreground:"#81A1C1"}},{name:"Storage",scope:"storage",settings:{foreground:"#81A1C1"}},{name:"String",scope:"string",settings:{foreground:"#A3BE8C"}},{name:"String Regexp",scope:"string.regexp",settings:{foreground:"#EBCB8B"}},{name:"Support Class",scope:"support.class",settings:{foreground:"#8FBCBB"}},{name:"Support Constant",scope:"support.constant",settings:{foreground:"#81A1C1"}},{name:"Support Function",scope:"support.function",settings:{foreground:"#88C0D0"}},{name:"Support Function Construct",scope:"support.function.construct",settings:{foreground:"#81A1C1"}},{name:"Support Type",scope:"support.type",settings:{foreground:"#8FBCBB"}},{name:"Support Type Exception",scope:"support.type.exception",settings:{foreground:"#8FBCBB"}},{name:"Token Debug",scope:"token.debug-token",settings:{foreground:"#b48ead"}},{name:"Token Error",scope:"token.error-token",settings:{foreground:"#bf616a"}},{name:"Token Info",scope:"token.info-token",settings:{foreground:"#88c0d0"}},{name:"Token Warning",scope:"token.warn-token",settings:{foreground:"#ebcb8b"}},{name:"Variable",scope:"variable.other",settings:{foreground:"#D8DEE9"}},{name:"Variable Language",scope:"variable.language",settings:{foreground:"#81A1C1"}},{name:"Variable Parameter",scope:"variable.parameter",settings:{foreground:"#D8DEE9"}},{name:"[C/CPP] Punctuation Separator Pointer-Access",scope:"punctuation.separator.pointer-access.c",settings:{foreground:"#81A1C1"}},{name:"[C/CPP] Meta Preprocessor Include",scope:["source.c meta.preprocessor.include","source.c string.quoted.other.lt-gt.include"],settings:{foreground:"#8FBCBB"}},{name:"[C/CPP] Conditional Directive",scope:["source.cpp keyword.control.directive.conditional","source.cpp punctuation.definition.directive","source.c keyword.control.directive.conditional","source.c punctuation.definition.directive"],settings:{foreground:"#5E81AC",fontStyle:"bold"}},{name:"[CSS] Constant Other Color RGB Value",scope:"source.css constant.other.color.rgb-value",settings:{foreground:"#B48EAD"}},{name:"[CSS](Function) Meta Property-Value",scope:"source.css meta.property-value",settings:{foreground:"#88C0D0"}},{name:"[CSS] Media Queries",scope:["source.css keyword.control.at-rule.media","source.css keyword.control.at-rule.media punctuation.definition.keyword"],settings:{foreground:"#D08770"}},{name:"[CSS] Punctuation Definition Keyword",scope:"source.css punctuation.definition.keyword",settings:{foreground:"#81A1C1"}},{name:"[CSS] Support Type Property Name",scope:"source.css support.type.property-name",settings:{foreground:"#D8DEE9"}},{name:"[diff] Meta Range Context",scope:"source.diff meta.diff.range.context",settings:{foreground:"#8FBCBB"}},{name:"[diff] Meta Header From-File",scope:"source.diff meta.diff.header.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition From-File",scope:"source.diff punctuation.definition.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Range",scope:"source.diff punctuation.definition.range",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Separator",scope:"source.diff punctuation.definition.separator",settings:{foreground:"#81A1C1"}},{name:"[Elixir](JakeBecker.elixir-ls) module names",scope:"entity.name.type.module.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Elixir](JakeBecker.elixir-ls) module attributes",scope:"variable.other.readwrite.module.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) atoms",scope:"constant.other.symbol.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) modules",scope:"variable.other.constant.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Go] String Format Placeholder",scope:"source.go constant.other.placeholder.go",settings:{foreground:"#EBCB8B"}},{name:"[Java](JavaDoc) Comment Block Documentation HTML Entities",scope:"source.java comment.block.documentation.javadoc punctuation.definition.entity.html",settings:{foreground:"#81A1C1"}},{name:"[Java](JavaDoc) Constant Other",scope:"source.java constant.other",settings:{foreground:"#D8DEE9"}},{name:"[Java](JavaDoc) Keyword Other Documentation",scope:"source.java keyword.other.documentation",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Author",scope:"source.java keyword.other.documentation.author.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Directive/Custom",scope:["source.java keyword.other.documentation.directive","source.java keyword.other.documentation.custom"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation See",scope:"source.java keyword.other.documentation.see.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java] Meta Method-Call",scope:"source.java meta.method-call meta.method",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Meta Tag Template Link",scope:["source.java meta.tag.template.link.javadoc","source.java string.other.link.title.javadoc"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Meta Tag Template Value",scope:"source.java meta.tag.template.value.javadoc",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Punctuation Definition Keyword",scope:"source.java punctuation.definition.keyword.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Punctuation Definition Tag",scope:["source.java punctuation.definition.tag.begin.javadoc","source.java punctuation.definition.tag.end.javadoc"],settings:{foreground:"#616E88"}},{name:"[Java] Storage Modifier Import",scope:"source.java storage.modifier.import",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Modifier Package",scope:"source.java storage.modifier.package",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type",scope:"source.java storage.type",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Annotation",scope:"source.java storage.type.annotation",settings:{foreground:"#D08770"}},{name:"[Java] Storage Type Generic",scope:"source.java storage.type.generic",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Primitive",scope:"source.java storage.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Decorator",scope:["source.js punctuation.decorator","source.js meta.decorator variable.other.readwrite","source.js meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[JavaScript] Meta Object-Literal Key",scope:"source.js meta.object-literal.key",settings:{foreground:"#88C0D0"}},{name:"[JavaScript](JSDoc) Storage Type Class",scope:"source.js storage.type.class.jsdoc",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] String Template Literals Punctuation",scope:["source.js string.quoted.template punctuation.quasi.element.begin","source.js string.quoted.template punctuation.quasi.element.end","source.js string.template punctuation.definition.template-expression"],settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Interpolated String Template Punctuation Functions",scope:"source.js string.quoted.template meta.method-call.with-arguments",settings:{foreground:"#ECEFF4"}},{name:"[JavaScript] String Template Literal Variable",scope:["source.js string.template meta.template.expression support.variable.property","source.js string.template meta.template.expression variable.other.object"],settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Support Type Primitive",scope:"source.js support.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Variable Other Object",scope:"source.js variable.other.object",settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Variable Other Read-Write Alias",scope:"source.js variable.other.readwrite.alias",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] Parentheses in Template Strings",scope:["source.js meta.embedded.line meta.brace.square","source.js meta.embedded.line meta.brace.round","source.js string.quoted.template meta.brace.square","source.js string.quoted.template meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[HTML] Constant Character Entity",scope:"text.html.basic constant.character.entity.html",settings:{foreground:"#EBCB8B"}},{name:"[HTML] Constant Other Inline-Data",scope:"text.html.basic constant.other.inline-data",settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[HTML] Meta Tag SGML Doctype",scope:"text.html.basic meta.tag.sgml.doctype",settings:{foreground:"#5E81AC"}},{name:"[HTML] Punctuation Definition Entity",scope:"text.html.basic punctuation.definition.entity",settings:{foreground:"#81A1C1"}},{name:"[INI] Entity Name Section Group-Title",scope:"source.properties entity.name.section.group-title.ini",settings:{foreground:"#88C0D0"}},{name:"[INI] Punctuation Separator Key-Value",scope:"source.properties punctuation.separator.key-value.ini",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Fenced Code Block",scope:["text.html.markdown markup.fenced_code.block","text.html.markdown markup.fenced_code.block punctuation.definition"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Heading",scope:"markup.heading",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Inline",scope:["text.html.markdown markup.inline.raw","text.html.markdown markup.inline.raw punctuation.definition.raw"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Italic",scope:"text.html.markdown markup.italic",settings:{fontStyle:"italic"}},{name:"[Markdown] Markup Link",scope:"text.html.markdown markup.underline.link",settings:{fontStyle:"underline"}},{name:"[Markdown] Markup List Numbered/Unnumbered",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown beginning.punctuation.definition.quote",settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown markup.quote",settings:{foreground:"#616E88"}},{name:"[Markdown] Markup Math Constant",scope:"text.html.markdown constant.character.math.tex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Math Definition Marker",scope:["text.html.markdown punctuation.definition.math.begin","text.html.markdown punctuation.definition.math.end"],settings:{foreground:"#5E81AC"}},{name:"[Markdown] Markup Math Function Definition Marker",scope:"text.html.markdown punctuation.definition.function.math.tex",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Math Operator",scope:"text.html.markdown punctuation.math.operator.latex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Heading",scope:"text.html.markdown punctuation.definition.heading",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Constant/String",scope:["text.html.markdown punctuation.definition.constant","text.html.markdown punctuation.definition.string"],settings:{foreground:"#81A1C1"}},{name:"[Markdown] String Other Link Description/Title",scope:["text.html.markdown constant.other.reference.link","text.html.markdown string.other.link.description","text.html.markdown string.other.link.title"],settings:{foreground:"#88C0D0"}},{name:"[Perl] Perl Sigils",scope:"source.perl punctuation.definition.variable",settings:{foreground:"#D8DEE9"}},{name:"[PHP] Meta Function-Call Object",scope:["source.php meta.function-call","source.php meta.function-call.object"],settings:{foreground:"#88C0D0"}},{name:"[Python] Decorator",scope:["source.python entity.name.function.decorator","source.python meta.function.decorator support.type"],settings:{foreground:"#D08770"}},{name:"[Python] Function Call",scope:"source.python meta.function-call.generic",settings:{foreground:"#88C0D0"}},{name:"[Python] Support Type",scope:"source.python support.type",settings:{foreground:"#88C0D0"}},{name:"[Python] Function Parameter",scope:["source.python variable.parameter.function.language"],settings:{foreground:"#D8DEE9"}},{name:"[Python] Function Parameter Special",scope:["source.python meta.function.parameters variable.parameter.function.language.special.self"],settings:{foreground:"#81A1C1"}},{name:"[Rust] Entity types",scope:"source.rust entity.name.type",settings:{foreground:"#8FBCBB"}},{name:"[Rust] Macro",scope:"source.rust meta.macro entity.name.function",settings:{fontStyle:"bold",foreground:"#88C0D0"}},{name:"[Rust] Attributes",scope:["source.rust meta.attribute","source.rust meta.attribute punctuation","source.rust meta.attribute keyword.operator"],settings:{foreground:"#5E81AC"}},{name:"[Rust] Traits",scope:"source.rust entity.name.type.trait",settings:{fontStyle:"bold"}},{name:"[Rust] Interpolation Bracket Curly",scope:"source.rust punctuation.definition.interpolation",settings:{foreground:"#EBCB8B"}},{name:"[SCSS] Punctuation Definition Interpolation Bracket Curly",scope:["source.css.scss punctuation.definition.interpolation.begin.bracket.curly","source.css.scss punctuation.definition.interpolation.end.bracket.curly"],settings:{foreground:"#81A1C1"}},{name:"[SCSS] Variable Interpolation",scope:"source.css.scss variable.interpolation",settings:{foreground:"#D8DEE9",fontStyle:"italic"}},{name:"[TypeScript] Decorators",scope:["source.ts punctuation.decorator","source.ts meta.decorator variable.other.readwrite","source.ts meta.decorator entity.name.function","source.tsx punctuation.decorator","source.tsx meta.decorator variable.other.readwrite","source.tsx meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[TypeScript] Object-literal keys",scope:["source.ts meta.object-literal.key","source.tsx meta.object-literal.key"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Object-literal functions",scope:["source.ts meta.object-literal.key entity.name.function","source.tsx meta.object-literal.key entity.name.function"],settings:{foreground:"#88C0D0"}},{name:"[TypeScript] Type/Class",scope:["source.ts support.class","source.ts support.type","source.ts entity.name.type","source.ts entity.name.class","source.tsx support.class","source.tsx support.type","source.tsx entity.name.type","source.tsx entity.name.class"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Static Class Support",scope:["source.ts support.constant.math","source.ts support.constant.dom","source.ts support.constant.json","source.tsx support.constant.math","source.tsx support.constant.dom","source.tsx support.constant.json"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Variables",scope:["source.ts support.variable","source.tsx support.variable"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Parentheses in Template Strings",scope:["source.ts meta.embedded.line meta.brace.square","source.ts meta.embedded.line meta.brace.round","source.tsx meta.embedded.line meta.brace.square","source.tsx meta.embedded.line meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[XML] Entity Name Tag Namespace",scope:"text.xml entity.name.tag.namespace",settings:{foreground:"#8FBCBB"}},{name:"[XML] Keyword Other Doctype",scope:"text.xml keyword.other.doctype",settings:{foreground:"#5E81AC"}},{name:"[XML] Meta Tag Preprocessor",scope:"text.xml meta.tag.preprocessor entity.name.tag",settings:{foreground:"#5E81AC"}},{name:"[XML] Entity Name Tag Namespace",scope:["text.xml string.unquoted.cdata","text.xml string.unquoted.cdata punctuation.definition.string"],settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[YAML] Entity Name Tag",scope:"source.yaml entity.name.tag",settings:{foreground:"#8FBCBB"}}]},autoImport:!0,showCopyButton:!0,enableSpa:!0,skipLanguages:[],filepath:"/Users/bytedance/modern.js/website/module-tools/docs/en/api/test.md"},f=void 0,b=[{id:"jest",text:"jest",depth:2},{id:"transformer",text:"transformer",depth:2}],h="Testing";function i(n){const e=Object.assign({h1:"h1",a:"a",div:"div",p:"p",code:"code",h2:"h2",ul:"ul",li:"li"},n.components);return r||c("CH",!1),r.Code||c("CH.Code",!0),o(s,{children:[o(e.h1,{id:"testing",children:[t(e.a,{className:"header-anchor","aria-hidden":"true",href:"#testing",children:"#"}),"Testing"]}),`
|
|
2
|
+
`,o(e.div,{className:"island-directive tip",children:[t(e.p,{className:"island-directive-title",children:"TIP"}),t(e.div,{className:"island-directive-content",children:o(e.p,{children:["You need to enable the unit testing feature with ",t(e.code,{children:"pnpm run new"})," first."]})})]}),`
|
|
3
|
+
`,o(e.h2,{id:"jest",children:[t(e.a,{className:"header-anchor","aria-hidden":"true",href:"#jest",children:"#"}),"jest"]}),`
|
|
4
|
+
`,o(e.ul,{children:[`
|
|
5
|
+
`,o(e.li,{children:["Type: ",t(e.code,{children:"Object | Function"})]}),`
|
|
6
|
+
`,o(e.li,{children:["Default value: ",t(e.code,{children:"{}"})]}),`
|
|
7
|
+
`]}),`
|
|
8
|
+
`,o(e.p,{children:["The configuration corresponding to ",t(e.a,{href:"https://jestjs.io/docs/configuration",target:"_blank",rel:"nofollow",children:"Jest"}),", when of type ",t(e.code,{children:"Object"}),", can be configured with all the underlying configurations supported by Jest ."]}),`
|
|
9
|
+
`,t(r.Code,{codeConfig:a,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",title:"modern.config.js",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"testing",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"jest",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"testTimeout",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"10000",props:{style:{color:"#B48EAD"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
10
|
+
`,o(e.p,{children:["When the value is of type ",t(e.code,{children:"Function"}),", the default configuration is passed in as the first parameter and a new Jest configuration object needs to be returned."]}),`
|
|
11
|
+
`,t(r.Code,{codeConfig:a,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",title:"modern.config.js",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"testing",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"jest",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"options",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"options",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"testTimeout",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"10000",props:{style:{color:"#B48EAD"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
12
|
+
`,o(e.h2,{id:"transformer",children:[t(e.a,{className:"header-anchor","aria-hidden":"true",href:"#transformer",children:"#"}),"transformer"]}),`
|
|
13
|
+
`,o(e.ul,{children:[`
|
|
14
|
+
`,o(e.li,{children:["Type: ",t(e.code,{children:"'babel-jest' | 'ts-jest'"})]}),`
|
|
15
|
+
`,o(e.li,{children:["Default value: ",t(e.code,{children:"babel-jest"})]}),`
|
|
16
|
+
`]}),`
|
|
17
|
+
`,o(e.p,{children:["Configure the compilation tool for the source code when executing tests: ",t(e.a,{href:"https://www.npmjs.com/package/babel-jest",target:"_blank",rel:"nofollow",children:"babel-jest"})," or ",t(e.a,{href:"https://github.com/kulshekhar/ts-jest",target:"_blank",rel:"nofollow",children:"ts-jest"}),". The default is ",t(e.code,{children:"babel-jest"}),"."]}),`
|
|
18
|
+
`,o(e.div,{className:"island-directive info",children:[t(e.p,{className:"island-directive-title",children:"INFO"}),t(e.div,{className:"island-directive-content",children:o(e.p,{children:[t(e.code,{children:"babel-jest"})," can also compile TS files without type errors, so use ",t(e.code,{children:"ts-jest"})," if you need to check the TS type when running tests."]})})]})]})}function k(n={}){const{wrapper:e}=n.components||{};return e?t(e,Object.assign({},n,{children:t(i,n)})):i(n)}function c(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}const B="2022/12/1 20:09:37",y=`# Testing
|
|
19
|
+
|
|
20
|
+
:::tips
|
|
21
|
+
You need to enable the unit testing feature with \`pnpm run new\` first.
|
|
22
|
+
:::
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## jest
|
|
26
|
+
* Type: \`Object | Function\`
|
|
27
|
+
* Default value: \`{}\`
|
|
28
|
+
|
|
29
|
+
The configuration corresponding to [Jest](https://jestjs.io/docs/configuration), when of type \`\`Object\`\`, can be configured with all the underlying configurations supported by Jest .
|
|
30
|
+
|
|
31
|
+
\`\`\`js title=modern.config.js
|
|
32
|
+
export default defineConfig({
|
|
33
|
+
testing: {
|
|
34
|
+
jest: {
|
|
35
|
+
testTimeout: 10000
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
\`\`\`
|
|
40
|
+
|
|
41
|
+
When the value is of type \`\`Function\`\`, the default configuration is passed in as the first parameter and a new Jest configuration object needs to be returned.
|
|
42
|
+
|
|
43
|
+
\`\`\`js title=modern.config.js
|
|
44
|
+
export default defineConfig({
|
|
45
|
+
testing: {
|
|
46
|
+
jest: options => {
|
|
47
|
+
return {
|
|
48
|
+
... . options,
|
|
49
|
+
testTimeout: 10000
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
\`\`\`
|
|
55
|
+
|
|
56
|
+
## transformer
|
|
57
|
+
|
|
58
|
+
- Type: \`'babel-jest' | 'ts-jest'\`
|
|
59
|
+
- Default value: \`babel-jest\`
|
|
60
|
+
|
|
61
|
+
Configure the compilation tool for the source code when executing tests: [babel-jest](https://www.npmjs.com/package/babel-jest) or [ts-jest](https://github.com/kulshekhar/ts-jest). The default is \`babel-jest\`.
|
|
62
|
+
|
|
63
|
+
:::info
|
|
64
|
+
\`babel-jest\` can also compile TS files without type errors, so use \`ts-jest\` if you need to check the TS type when running tests.
|
|
65
|
+
:::
|
|
66
|
+
`;export{r as CH,a as chCodeConfig,y as content,k as default,f as frontmatter,B as lastUpdatedTime,h as title,b as toc};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27.85 29H30l-6-15h-2.35l-6 15h2.15l1.6-4h6.85zm-7.65-6l2.62-6.56L25.45 23zM18 7V5h-7V2H9v3H2v2h10.74a14.71 14.71 0 0 1-3.19 6.18A13.5 13.5 0 0 1 7.26 9h-2.1a16.47 16.47 0 0 0 3 5.58A16.84 16.84 0 0 1 3 18l.75 1.86A18.47 18.47 0 0 0 9.53 16a16.92 16.92 0 0 0 5.76 3.84L16 18a14.48 14.48 0 0 1-5.12-3.37A17.64 17.64 0 0 0 14.8 7z"/></svg>
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";const c=void 0,l=[{id:"storybook-\u8C03\u8BD5",text:"Storybook \u8C03\u8BD5",depth:2},{id:"tailwind-css-\u652F\u6301",text:"Tailwind CSS \u652F\u6301",depth:2},{id:"\u542F\u52A8-modernjs-runtime-api",text:"\u542F\u52A8 Modern.js Runtime API",depth:2}],h="\u4F7F\u7528\u5FAE\u751F\u6210\u5668";function i(d){const n=Object.assign({h1:"h1",a:"a",p:"p",ul:"ul",li:"li",code:"code",strong:"strong",h2:"h2"},d.components);return r(o,{children:[r(n.h1,{id:"\u4F7F\u7528\u5FAE\u751F\u6210\u5668",children:[e(n.a,{className:"header-anchor","aria-hidden":"true",href:"#\u4F7F\u7528\u5FAE\u751F\u6210\u5668",children:"#"}),"\u4F7F\u7528\u5FAE\u751F\u6210\u5668"]}),`
|
|
2
|
+
`,e(n.p,{children:"\u6A21\u5757\u5DE5\u7A0B\u89E3\u51B3\u65B9\u6848\u63D0\u4F9B\u4E86\u5FAE\u751F\u6210\u5668\u5DE5\u5177\uFF0C\u5B83\u53EF\u4EE5\u4E3A\u5F53\u524D\u9879\u76EE\uFF1A"}),`
|
|
3
|
+
`,r(n.ul,{children:[`
|
|
4
|
+
`,e(n.li,{children:"\u65B0\u589E\u76EE\u5F55\u548C\u6587\u4EF6"}),`
|
|
5
|
+
`,r(n.li,{children:["\u4FEE\u6539 ",e(n.code,{children:"package.json"})," \u6587\u4EF6\u5185\u5BB9"]}),`
|
|
6
|
+
`,e(n.li,{children:"\u6267\u884C\u547D\u4EE4"}),`
|
|
7
|
+
`]}),`
|
|
8
|
+
`,r(n.p,{children:["\u56E0\u6B64\u901A\u8FC7\u8FD9\u4E9B\u80FD\u529B\uFF0C",e(n.strong,{children:"\u5FAE\u751F\u6210\u5668\u53EF\u4EE5\u4E3A\u9879\u76EE\u5F00\u542F\u989D\u5916\u7684\u7279\u6027\u529F\u80FD"}),"\u3002"]}),`
|
|
9
|
+
`,r(n.p,{children:["\u53EF\u4EE5\u901A\u8FC7 ",e(n.a,{href:"/zh/guide/command-preview.html",children:e(n.code,{children:"modern new"})})," \u542F\u52A8\u5FAE\u751F\u6210\u5668\u3002\u76EE\u524D\u6A21\u5757\u5DE5\u7A0B\u65B9\u6848\u652F\u6301\u7684\u5FAE\u751F\u6210\u5668\u529F\u80FD\u6709\uFF1A"]}),`
|
|
10
|
+
`,r(n.h2,{id:"storybook-\u8C03\u8BD5",children:[e(n.a,{className:"header-anchor","aria-hidden":"true",href:"#storybook-\u8C03\u8BD5",children:"#"}),"Storybook \u8C03\u8BD5"]}),`
|
|
11
|
+
`,r(n.p,{children:["\u5F53\u6211\u4EEC\u60F3\u8981\u5BF9\u7EC4\u4EF6\u6216\u8005\u666E\u901A\u6A21\u5757\u8FDB\u884C\u8C03\u8BD5\u7684\u65F6\u5019\uFF0C\u53EF\u4EE5\u542F\u7528 ",e(n.strong,{children:"Storybook \u8C03\u8BD5\u529F\u80FD"}),"\u3002\u542F\u52A8\u8BE5\u529F\u80FD\u540E\uFF0C",r(n.strong,{children:["\u4F1A\u5728\u9879\u76EE\u76EE\u5F55\u4E0B\u521B\u5EFA ",e(n.code,{children:"stories"})," \u76EE\u5F55\u4EE5\u53CA\u76F8\u5173\u6587\u4EF6\uFF0C\u5728 package.json \u4E2D\u65B0\u589E ",e(n.code,{children:'"@modern-js/plugin-storybook"'})," \u4F9D\u8D56"]}),"\u3002"]}),`
|
|
12
|
+
`,e(n.p,{children:"\u5173\u4E8E\u5982\u4F55\u542F\u52A8 Storybook \u4EE5\u53CA\u5982\u4F55\u4F7F\u7528 Storybook\uFF0C\u53EF\u4EE5\u67E5\u770B\u4E0B\u9762\u7684\u94FE\u63A5\uFF1A"}),`
|
|
13
|
+
`,r(n.ul,{children:[`
|
|
14
|
+
`,e(n.li,{children:e(n.a,{href:"/zh/guide/command-preview.html#modern-dev",children:e(n.code,{children:"modern dev"})})}),`
|
|
15
|
+
`,e(n.li,{children:e(n.a,{href:"/zh/guide/using-storybook.html",children:"\u4F7F\u7528 Storybook"})}),`
|
|
16
|
+
`]}),`
|
|
17
|
+
`,r(n.h2,{id:"tailwind-css-\u652F\u6301",children:[e(n.a,{className:"header-anchor","aria-hidden":"true",href:"#tailwind-css-\u652F\u6301",children:"#"}),"Tailwind CSS \u652F\u6301"]}),`
|
|
18
|
+
`,r(n.p,{children:["\u5F53\u6211\u4EEC\u60F3\u8981\u4E3A\u9879\u76EE\u589E\u52A0 ",e(n.a,{href:"https://v2.tailwindcss.com/",target:"_blank",rel:"nofollow",children:"Tailwind CSS"})," \u652F\u6301\u7684\u65F6\u5019\uFF0C\u53EF\u4EE5\u542F\u52A8\u8FD9\u4E2A\u529F\u80FD\u3002Tailwind CSS \u662F\u4E00\u4E2A CSS \u5E93\uFF0C\u63D0\u4F9B\u5F00\u7BB1\u5373\u7528\u7684\u6837\u5F0F\u3002"]}),`
|
|
19
|
+
`,e(n.p,{children:"\u5173\u4E8E\u5982\u4F55\u5728\u6A21\u5757\u5DE5\u7A0B\u91CC\u4F7F\u7528 Tailwind CSS\uFF0C\u53EF\u4EE5\u67E5\u770B\uFF1A"}),`
|
|
20
|
+
`,r(n.ul,{children:[`
|
|
21
|
+
`,e(n.li,{children:e(n.a,{href:"/xxx.html",children:"\u4F7F\u7528 Tailwind CSS"})}),`
|
|
22
|
+
`]}),`
|
|
23
|
+
`,r(n.h2,{id:"\u542F\u52A8-modernjs-runtime-api",children:[e(n.a,{className:"header-anchor","aria-hidden":"true",href:"#\u542F\u52A8-modernjs-runtime-api",children:"#"}),"\u542F\u52A8 Modern.js Runtime API"]}),`
|
|
24
|
+
`,r(n.p,{children:[r(n.strong,{children:["Modern.js/EdenX \u63D0\u4F9B\u4E86 ",e(n.a,{href:"/xxx.html",children:"Runtime API"})," \u80FD\u529B\uFF0C\u8FD9\u4E9B API \u53EA\u80FD\u5728 Modern.js/EdenX \u7684\u5E94\u7528\u9879\u76EE\u73AF\u5883\u4E2D\u4F7F\u7528"]}),"\u3002\u5982\u679C\u4F60\u9700\u8981\u5F00\u53D1\u4E00\u4E2A Modern.js/EdenX \u5E94\u7528\u73AF\u5883\u4E2D\u4F7F\u7528\u7684\u7EC4\u4EF6\uFF0C\u90A3\u4E48\u4F60\u53EF\u4EE5\u5F00\u542F\u8BE5\u7279\u6027\uFF0C\u5FAE\u751F\u6210\u5668\u4F1A\u589E\u52A0 ",e(n.code,{children:'"@modern-js/runtime"'}),"\u4F9D\u8D56\u3002"]}),`
|
|
25
|
+
`,e(n.p,{children:"\u53E6\u5916\uFF0CStorybook \u8C03\u8BD5\u5DE5\u5177\u4E5F\u4F1A\u901A\u8FC7\u68C0\u6D4B\u9879\u76EE\u7684\u4F9D\u8D56\u786E\u5B9A\u9879\u76EE\u662F\u5426\u9700\u8981\u4F7F\u7528 Runtime API\uFF0C\u5E76\u4E14\u63D0\u4F9B\u4E0E Modern.js/EdenX \u5E94\u7528\u9879\u76EE\u4E00\u6837\u7684 Runtime API \u8FD0\u884C\u73AF\u5883\u3002"})]})}function a(d={}){const{wrapper:n}=d.components||{};return n?e(n,Object.assign({},d,{children:e(i,d)})):i(d)}const s="2022/12/5 16:29:55",m=`# \u4F7F\u7528\u5FAE\u751F\u6210\u5668
|
|
26
|
+
|
|
27
|
+
\u6A21\u5757\u5DE5\u7A0B\u89E3\u51B3\u65B9\u6848\u63D0\u4F9B\u4E86\u5FAE\u751F\u6210\u5668\u5DE5\u5177\uFF0C\u5B83\u53EF\u4EE5\u4E3A\u5F53\u524D\u9879\u76EE\uFF1A
|
|
28
|
+
|
|
29
|
+
* \u65B0\u589E\u76EE\u5F55\u548C\u6587\u4EF6
|
|
30
|
+
* \u4FEE\u6539 \`package.json\` \u6587\u4EF6\u5185\u5BB9
|
|
31
|
+
* \u6267\u884C\u547D\u4EE4
|
|
32
|
+
|
|
33
|
+
\u56E0\u6B64\u901A\u8FC7\u8FD9\u4E9B\u80FD\u529B\uFF0C**\u5FAE\u751F\u6210\u5668\u53EF\u4EE5\u4E3A\u9879\u76EE\u5F00\u542F\u989D\u5916\u7684\u7279\u6027\u529F\u80FD**\u3002
|
|
34
|
+
|
|
35
|
+
\u53EF\u4EE5\u901A\u8FC7 [\`modern new\`](/zh/guide/command-preview) \u542F\u52A8\u5FAE\u751F\u6210\u5668\u3002\u76EE\u524D\u6A21\u5757\u5DE5\u7A0B\u65B9\u6848\u652F\u6301\u7684\u5FAE\u751F\u6210\u5668\u529F\u80FD\u6709\uFF1A
|
|
36
|
+
|
|
37
|
+
## Storybook \u8C03\u8BD5
|
|
38
|
+
|
|
39
|
+
\u5F53\u6211\u4EEC\u60F3\u8981\u5BF9\u7EC4\u4EF6\u6216\u8005\u666E\u901A\u6A21\u5757\u8FDB\u884C\u8C03\u8BD5\u7684\u65F6\u5019\uFF0C\u53EF\u4EE5\u542F\u7528 **Storybook \u8C03\u8BD5\u529F\u80FD**\u3002\u542F\u52A8\u8BE5\u529F\u80FD\u540E\uFF0C**\u4F1A\u5728\u9879\u76EE\u76EE\u5F55\u4E0B\u521B\u5EFA \`stories\` \u76EE\u5F55\u4EE5\u53CA\u76F8\u5173\u6587\u4EF6\uFF0C\u5728 package.json \u4E2D\u65B0\u589E \`"@modern-js/plugin-storybook"\` \u4F9D\u8D56**\u3002
|
|
40
|
+
|
|
41
|
+
\u5173\u4E8E\u5982\u4F55\u542F\u52A8 Storybook \u4EE5\u53CA\u5982\u4F55\u4F7F\u7528 Storybook\uFF0C\u53EF\u4EE5\u67E5\u770B\u4E0B\u9762\u7684\u94FE\u63A5\uFF1A
|
|
42
|
+
|
|
43
|
+
* [\`modern dev\`](/zh/guide/command-preview#modern-dev)
|
|
44
|
+
* [\u4F7F\u7528 Storybook](/zh/guide/using-storybook)
|
|
45
|
+
|
|
46
|
+
## Tailwind CSS \u652F\u6301
|
|
47
|
+
|
|
48
|
+
\u5F53\u6211\u4EEC\u60F3\u8981\u4E3A\u9879\u76EE\u589E\u52A0 [Tailwind CSS](https://v2.tailwindcss.com/) \u652F\u6301\u7684\u65F6\u5019\uFF0C\u53EF\u4EE5\u542F\u52A8\u8FD9\u4E2A\u529F\u80FD\u3002Tailwind CSS \u662F\u4E00\u4E2A CSS \u5E93\uFF0C\u63D0\u4F9B\u5F00\u7BB1\u5373\u7528\u7684\u6837\u5F0F\u3002
|
|
49
|
+
|
|
50
|
+
\u5173\u4E8E\u5982\u4F55\u5728\u6A21\u5757\u5DE5\u7A0B\u91CC\u4F7F\u7528 Tailwind CSS\uFF0C\u53EF\u4EE5\u67E5\u770B\uFF1A
|
|
51
|
+
|
|
52
|
+
* [\u4F7F\u7528 Tailwind CSS](xxx)
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
## \u542F\u52A8 Modern.js Runtime API
|
|
56
|
+
|
|
57
|
+
**Modern.js/EdenX \u63D0\u4F9B\u4E86 [Runtime API](xxx) \u80FD\u529B\uFF0C\u8FD9\u4E9B API \u53EA\u80FD\u5728 Modern.js/EdenX \u7684\u5E94\u7528\u9879\u76EE\u73AF\u5883\u4E2D\u4F7F\u7528**\u3002\u5982\u679C\u4F60\u9700\u8981\u5F00\u53D1\u4E00\u4E2A Modern.js/EdenX \u5E94\u7528\u73AF\u5883\u4E2D\u4F7F\u7528\u7684\u7EC4\u4EF6\uFF0C\u90A3\u4E48\u4F60\u53EF\u4EE5\u5F00\u542F\u8BE5\u7279\u6027\uFF0C\u5FAE\u751F\u6210\u5668\u4F1A\u589E\u52A0 \`"@modern-js/runtime"\`\u4F9D\u8D56\u3002
|
|
58
|
+
|
|
59
|
+
\u53E6\u5916\uFF0CStorybook \u8C03\u8BD5\u5DE5\u5177\u4E5F\u4F1A\u901A\u8FC7\u68C0\u6D4B\u9879\u76EE\u7684\u4F9D\u8D56\u786E\u5B9A\u9879\u76EE\u662F\u5426\u9700\u8981\u4F7F\u7528 Runtime API\uFF0C\u5E76\u4E14\u63D0\u4F9B\u4E0E Modern.js/EdenX \u5E94\u7528\u9879\u76EE\u4E00\u6837\u7684 Runtime API \u8FD0\u884C\u73AF\u5883\u3002
|
|
60
|
+
`;export{m as content,a as default,c as frontmatter,s as lastUpdatedTime,h as title,l as toc};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import{jsx as n,jsxs as o,Fragment as i}from"react/jsx-runtime";const a=void 0,c=[{id:"storybook",text:"Storybook",depth:2},{id:"tailwind-css-support",text:"Tailwind CSS support",depth:2},{id:"modernjs-runtime-api",text:"Modern.js Runtime API",depth:2}],h="Using the Microgenerator";function r(t){const e=Object.assign({h1:"h1",a:"a",p:"p",ul:"ul",li:"li",code:"code",strong:"strong",h2:"h2"},t.components);return o(i,{children:[o(e.h1,{id:"using-the-microgenerator",children:[n(e.a,{className:"header-anchor","aria-hidden":"true",href:"#using-the-microgenerator",children:"#"}),"Using the Microgenerator"]}),`
|
|
2
|
+
`,n(e.p,{children:"The Module Engineering solution provides the Microgenerator tool, which allows for the current project to."}),`
|
|
3
|
+
`,o(e.ul,{children:[`
|
|
4
|
+
`,n(e.li,{children:"add new directories and files"}),`
|
|
5
|
+
`,o(e.li,{children:["Modify the contents of the ",n(e.code,{children:"package.json"})," file"]}),`
|
|
6
|
+
`,n(e.li,{children:"Execute commands"}),`
|
|
7
|
+
`]}),`
|
|
8
|
+
`,o(e.p,{children:["Thus with these capabilities, ",n(e.strong,{children:"Microgenerator can enable additional feature functionality for the project"}),"."]}),`
|
|
9
|
+
`,o(e.p,{children:["The microgenerator can be started via ",n(e.a,{href:"/zh/guide/command-preview.html",children:n(e.code,{children:"modern new"})}),". The current Microgenerator features supported by the Module Engineering program are:"]}),`
|
|
10
|
+
`,o(e.h2,{id:"storybook",children:[n(e.a,{className:"header-anchor","aria-hidden":"true",href:"#storybook",children:"#"}),"Storybook"]}),`
|
|
11
|
+
`,o(e.p,{children:["The ",n(e.strong,{children:"Storybook feature"})," can be enabled when we want to debug a component or a common module. When this feature is enabled, ",o(e.strong,{children:["the ",n(e.code,{children:"stories"})," directory and related files are created in the project directory, and a new ",n(e.code,{children:'"@modern-js/plugin-storybook"'})," dependency is added to package.json"]}),"."]}),`
|
|
12
|
+
`,n(e.p,{children:"For more information on how to start Storybook and how to use it, check out the following link."}),`
|
|
13
|
+
`,o(e.ul,{children:[`
|
|
14
|
+
`,n(e.li,{children:n(e.a,{href:"/en/guide/command-preview.html#modern-dev",children:n(e.code,{children:"modern dev"})})}),`
|
|
15
|
+
`,n(e.li,{children:n(e.a,{href:"/xxx.html",children:"using Storybook"})}),`
|
|
16
|
+
`]}),`
|
|
17
|
+
`,o(e.h2,{id:"tailwind-css-support",children:[n(e.a,{className:"header-anchor","aria-hidden":"true",href:"#tailwind-css-support",children:"#"}),"Tailwind CSS support"]}),`
|
|
18
|
+
`,o(e.p,{children:["This can be enabled when we want to add ",n(e.a,{href:"https://v2.tailwindcss.com/",target:"_blank",rel:"nofollow",children:"Tailwind CSS"})," support to our project. Tailwind CSS is a CSS library that provides out-of-the-box styling."]}),`
|
|
19
|
+
`,n(e.p,{children:"For more information on how to use Tailwind CSS in your module projects, check out."}),`
|
|
20
|
+
`,o(e.ul,{children:[`
|
|
21
|
+
`,n(e.li,{children:n(e.a,{href:"/xxx.html",children:"Using Tailwind CSS"})}),`
|
|
22
|
+
`]}),`
|
|
23
|
+
`,o(e.h2,{id:"modernjs-runtime-api",children:[n(e.a,{className:"header-anchor","aria-hidden":"true",href:"#modernjs-runtime-api",children:"#"}),"Modern.js Runtime API"]}),`
|
|
24
|
+
`,o(e.p,{children:[o(e.strong,{children:["Modern.js/EdenX provides ",n(e.a,{href:"/xxx.html",children:"Runtime API"})," capabilities that can only be used in the Modern.js/EdenX application project environment"]}),". If you need to develop a component for use in a Modern.js/EdenX application environment, then you can turn on this feature and the microgenerator will add the ",n(e.code,{children:'"@modern-js/runtime"'})," dependency."]}),`
|
|
25
|
+
`,n(e.p,{children:"Also, the Storybook debugging tool will determine if the project needs to use the Runtime API by checking the project's dependencies and providing the same Runtime API runtime environment as the Modern.js/EdenX application project."})]})}function s(t={}){const{wrapper:e}=t.components||{};return e?n(e,Object.assign({},t,{children:n(r,t)})):r(t)}const l="2022/12/5 16:29:55",u=`# Using the Microgenerator
|
|
26
|
+
|
|
27
|
+
The Module Engineering solution provides the Microgenerator tool, which allows for the current project to.
|
|
28
|
+
|
|
29
|
+
* add new directories and files
|
|
30
|
+
* Modify the contents of the \`package.json\` file
|
|
31
|
+
* Execute commands
|
|
32
|
+
|
|
33
|
+
Thus with these capabilities, **Microgenerator can enable additional feature functionality for the project**.
|
|
34
|
+
|
|
35
|
+
The microgenerator can be started via [\`modern new\`](/zh/guide/command-preview). The current Microgenerator features supported by the Module Engineering program are:
|
|
36
|
+
|
|
37
|
+
## Storybook
|
|
38
|
+
|
|
39
|
+
The **Storybook feature** can be enabled when we want to debug a component or a common module. When this feature is enabled, **the \`stories\` directory and related files are created in the project directory, and a new \`"@modern-js/plugin-storybook"\` dependency is added to package.json**.
|
|
40
|
+
|
|
41
|
+
For more information on how to start Storybook and how to use it, check out the following link.
|
|
42
|
+
|
|
43
|
+
* [\`modern dev\`](/en/guide/command-preview#modern-dev)
|
|
44
|
+
* [using Storybook](xxx)
|
|
45
|
+
|
|
46
|
+
## Tailwind CSS support
|
|
47
|
+
|
|
48
|
+
This can be enabled when we want to add [Tailwind CSS](https://v2.tailwindcss.com/) support to our project. Tailwind CSS is a CSS library that provides out-of-the-box styling.
|
|
49
|
+
|
|
50
|
+
For more information on how to use Tailwind CSS in your module projects, check out.
|
|
51
|
+
|
|
52
|
+
* [Using Tailwind CSS](xxx)
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
## Modern.js Runtime API
|
|
56
|
+
|
|
57
|
+
**Modern.js/EdenX provides [Runtime API](xxx) capabilities that can only be used in the Modern.js/EdenX application project environment**. If you need to develop a component for use in a Modern.js/EdenX application environment, then you can turn on this feature and the microgenerator will add the \`"@modern-js/runtime"\` dependency.
|
|
58
|
+
|
|
59
|
+
Also, the Storybook debugging tool will determine if the project needs to use the Runtime API by checking the project's dependencies and providing the same Runtime API runtime environment as the Modern.js/EdenX application project.
|
|
60
|
+
`;export{u as content,s as default,a as frontmatter,l as lastUpdatedTime,h as title,c as toc};
|