@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,804 @@
|
|
|
1
|
+
import{jsx as o,jsxs as t,Fragment as l}from"react/jsx-runtime";import{a,C as d}from"./components.esm.03560353.js";import"react";import"react-dom";const n={annotations:a,Code:d},r={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/build-config.md"},E=void 0,y=[{id:"alias",text:"alias",depth:2},{id:"asset",text:"asset",depth:2},{id:"path",text:"path",depth:3},{id:"limit",text:"limit",depth:3},{id:"publicpath",text:"publicPath",depth:3},{id:"svgr",text:"svgr",depth:3},{id:"include",text:"include",depth:4},{id:"exclude",text:"exclude",depth:4},{id:"autoexternal",text:"autoExternal",depth:2},{id:"dependencies",text:"dependencies",depth:3},{id:"peerdependencies",text:"peerDependencies",depth:3},{id:"buildtype",text:"buildType",depth:2},{id:"copy",text:"copy",depth:2},{id:"dts",text:"dts",depth:2},{id:"tsconfigpath",text:"tsconfigPath",depth:3},{id:"distpath",text:"distPath",depth:3},{id:"only",text:"only",depth:3},{id:"externals",text:"externals",depth:2},{id:"format",text:"format",depth:2},{id:"input",text:"input",depth:2},{id:"jsx",text:"jsx",depth:2},{id:"minify",text:"minify",depth:2},{id:"outdir",text:"outdir",depth:2},{id:"platform",text:"platform",depth:2},{id:"sourcedir",text:"sourceDir",depth:2},{id:"sourcemap",text:"sourceMap",depth:2},{id:"splitting",text:"splitting",depth:2},{id:"style",text:"style",depth:2},{id:"less",text:"less",depth:3},{id:"lessoptions",text:"lessOptions",depth:4},{id:"additionaldata",text:"additionalData",depth:4},{id:"implementation",text:"implementation",depth:4},{id:"sass",text:"sass",depth:3},{id:"sassoptions",text:"sassOptions",depth:4},{id:"additionaldata-1",text:"additionalData",depth:4},{id:"implementation-1",text:"implementation",depth:4},{id:"postcss",text:"postcss",depth:3},{id:"inject",text:"inject",depth:3},{id:"automodules",text:"autoModules",depth:3},{id:"modules",text:"modules",depth:3},{id:"tailwind",text:"tailwind",depth:3},{id:"target",text:"target",depth:2},{id:"umdglobals",text:"umdGlobals",depth:2},{id:"umdmodulename",text:"umdModuleName",depth:2}],F="BuildConfig";function c(s){const e=Object.assign({h1:"h1",a:"a",p:"p",h2:"h2",ul:"ul",li:"li",code:"code",div:"div",h3:"h3",h4:"h4"},s.components);return n||i("CH",!1),n.Code||i("CH.Code",!0),t(l,{children:[t(e.h1,{id:"buildconfig",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#buildconfig",children:"#"}),"BuildConfig"]}),`
|
|
2
|
+
`,o(e.p,{children:"This section describes all the configuration of Module tools for building"}),`
|
|
3
|
+
`,t(e.h2,{id:"alias",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#alias",children:"#"}),"alias"]}),`
|
|
4
|
+
`,t(e.ul,{children:[`
|
|
5
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"Record<string, string | string[]> | Function"})]}),`
|
|
6
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"{'@': 'src',}"})]}),`
|
|
7
|
+
`]}),`
|
|
8
|
+
`,t(e.div,{className:"island-directive tip",children:[o(e.p,{className:"island-directive-title",children:"TIP"}),o(e.div,{className:"island-directive-content",children:t(e.p,{children:["For TypeScript projects, you only need to configure ",o(e.a,{href:"https://www.typescriptlang.org/tsconfig#paths",target:"_blank",rel:"nofollow",children:"compilerOptions.paths"})," in ",o(e.code,{children:"tsconfig.json"}),", Module tools will automatically recognize the alias in ",o(e.code,{children:"tsconfig.json"}),", so there is no need to configure the ",o(e.code,{children:"alias"})," field additionally."]})})]}),`
|
|
9
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"alias",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:"'",props:{style:{color:"#ECEFF4"}}},{content:"@common",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:". /src/common",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{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:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
10
|
+
`,t(e.p,{children:["After the above configuration is done, if ",o(e.code,{children:"@common/Foo.tsx"})," is referenced in the code, it will map to the ",o(e.code,{children:"<root>/src/common/Foo.tsx"})," path."]}),`
|
|
11
|
+
`,t(e.p,{children:["When the value of ",o(e.code,{children:"alias"})," is defined as a function, you can accept the pre-defined alias object and modify it."]}),`
|
|
12
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"alias",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"alias",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:"alias",props:{style:{color:"#D8DEE9"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@common",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"] ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:". /src/common",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
13
|
+
`,o(e.p,{children:"It is also possible to return a new object as the final result in the function, which will override the pre-defined alias object."}),`
|
|
14
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"alias",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"alias",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:"#ECEFF4"}}},{content:"@common",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:". /src/common",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
15
|
+
`,t(e.h2,{id:"asset",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#asset",children:"#"}),"asset"]}),`
|
|
16
|
+
`,t(e.h3,{id:"path",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#path",children:"#"}),"path"]}),`
|
|
17
|
+
`,t(e.p,{children:["Static resource output path, will be based on ",o(e.a,{href:"/zh/api/build-config/.html#outdir",children:"outdir"})]}),`
|
|
18
|
+
`,t(e.ul,{children:[`
|
|
19
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string"})]}),`
|
|
20
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"assets"})]}),`
|
|
21
|
+
`]}),`
|
|
22
|
+
`,t(e.h3,{id:"limit",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#limit",children:"#"}),"limit"]}),`
|
|
23
|
+
`,o(e.p,{children:"Threshold for automatically inlining static resources when building, resources less than 10240 bytes will be automatically inlined into the bundle product"}),`
|
|
24
|
+
`,t(e.ul,{children:[`
|
|
25
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"number"})]}),`
|
|
26
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"10 * 1024"})]}),`
|
|
27
|
+
`]}),`
|
|
28
|
+
`,t(e.h3,{id:"publicpath",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#publicpath",children:"#"}),"publicPath"]}),`
|
|
29
|
+
`,o(e.p,{children:"The CDN prefix given to unlinked resources when packaging"}),`
|
|
30
|
+
`,t(e.ul,{children:[`
|
|
31
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string"})]}),`
|
|
32
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"undefined"})]}),`
|
|
33
|
+
`]}),`
|
|
34
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"asset",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:"publicPath",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"https://xxx/",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
35
|
+
`,t(e.p,{children:["At this point, all static resources will be prefixed with ",o(e.code,{children:"https://xxx/"})]}),`
|
|
36
|
+
`,t(e.h3,{id:"svgr",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#svgr",children:"#"}),"svgr"]}),`
|
|
37
|
+
`,o(e.p,{children:"Treat svg as a React component when packaging"}),`
|
|
38
|
+
`,t(e.ul,{children:[`
|
|
39
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"boolean | Object"})]}),`
|
|
40
|
+
`]}),`
|
|
41
|
+
`,t(e.h4,{id:"include",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#include",children:"#"}),"include"]}),`
|
|
42
|
+
`,o(e.p,{children:"Set the matching svg file"}),`
|
|
43
|
+
`,t(e.ul,{children:[`
|
|
44
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string | RegExp | (string | RegExp)[]"})]}),`
|
|
45
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"/\\.svg$/"})]}),`
|
|
46
|
+
`]}),`
|
|
47
|
+
`,t(e.h4,{id:"exclude",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#exclude",children:"#"}),"exclude"]}),`
|
|
48
|
+
`,o(e.p,{children:"Set unmatched svg files"}),`
|
|
49
|
+
`,t(e.ul,{children:[`
|
|
50
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string | RegExp | (string | RegExp)[]"})]}),`
|
|
51
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"undefined"})]}),`
|
|
52
|
+
`]}),`
|
|
53
|
+
`,t(e.h2,{id:"autoexternal",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#autoexternal",children:"#"}),"autoExternal"]}),`
|
|
54
|
+
`,o(e.p,{children:"Automatically externalize project dependencies and peerDependencies and not package them into the final bundle"}),`
|
|
55
|
+
`,t(e.ul,{children:[`
|
|
56
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"boolean | Object"})]}),`
|
|
57
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"true"})]}),`
|
|
58
|
+
`]}),`
|
|
59
|
+
`,t(e.h3,{id:"dependencies",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#dependencies",children:"#"}),"dependencies"]}),`
|
|
60
|
+
`,o(e.p,{children:"Whether or not the dep dependencies of the external project are needed"}),`
|
|
61
|
+
`,t(e.ul,{children:[`
|
|
62
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"boolean"})]}),`
|
|
63
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"true"})]}),`
|
|
64
|
+
`]}),`
|
|
65
|
+
`,t(e.h3,{id:"peerdependencies",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#peerdependencies",children:"#"}),"peerDependencies"]}),`
|
|
66
|
+
`,o(e.p,{children:"Whether to require peerDep dependencies for external projects"}),`
|
|
67
|
+
`,t(e.ul,{children:[`
|
|
68
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"boolean"})]}),`
|
|
69
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"true"})]}),`
|
|
70
|
+
`]}),`
|
|
71
|
+
`,t(e.h2,{id:"buildtype",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#buildtype",children:"#"}),"buildType"]}),`
|
|
72
|
+
`,t(e.p,{children:["The build type, ",o(e.code,{children:"bundle"})," will package your code, ",o(e.code,{children:"bundleless"})," will only do the code conversion"]}),`
|
|
73
|
+
`,t(e.ul,{children:[`
|
|
74
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"'bundle' | 'bundleless'"})]}),`
|
|
75
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"bundle"})]}),`
|
|
76
|
+
`]}),`
|
|
77
|
+
`,t(e.h2,{id:"copy",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#copy",children:"#"}),"copy"]}),`
|
|
78
|
+
`,o(e.p,{children:"Copies the specified file or directory into the build output directory"}),`
|
|
79
|
+
`,t(e.ul,{children:[`
|
|
80
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"Array"})]}),`
|
|
81
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"[]"}),"\n``js"]}),`
|
|
82
|
+
`]}),`
|
|
83
|
+
`,o(e.p,{children:`export default {
|
|
84
|
+
build: {
|
|
85
|
+
copy: [{ from: '. /src/assets', to: '' }],
|
|
86
|
+
},
|
|
87
|
+
};`}),`
|
|
88
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"Reference for array settings: [copy-webpack-plugin patterns](https://github.com/webpack-contrib/copy-webpack-plugin#patterns)",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"## define",props:{}}]},{tokens:[{content:"Define global variables that will be injected into the code",props:{}}]},{tokens:[{content:"- type: `Record<string, string>`",props:{}}]},{tokens:[{content:"- default: `{}`",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"Since the `define` function is implemented by global text replacement, you need to ensure that the global variable values are strings. A safer approach is to convert the value of each global variable to a string, using `JSON.stringify`, as follows.",props:{}}]},{tokens:[{content:"```js",props:{}}]},{tokens:[{content:"export default {",props:{}}]},{tokens:[{content:" build: {",props:{}}]},{tokens:[{content:" define: {",props:{}}]},{tokens:[{content:" 'VERSION': JSON.stringify('1.0'),",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:" },",props:{}}]},{tokens:[{content:" },",props:{}}]},{tokens:[{content:"};",props:{}}]}],lang:"text"},annotations:[]}]}),`
|
|
89
|
+
`,t(e.div,{className:"island-directive tip",children:[o(e.p,{className:"island-directive-title",children:"TIP"}),t(e.div,{className:"island-directive-content",children:[o(e.p,{children:"To prevent excessive global replacement substitution, it is recommended that the following two principles be followed when using"}),t(e.ul,{children:[`
|
|
90
|
+
`,o(e.li,{children:"Use upper case for global constants"}),`
|
|
91
|
+
`,o(e.li,{children:"Customize the prefix and suffix of global constants to ensure uniqueness"}),`
|
|
92
|
+
`]})]})]}),`
|
|
93
|
+
`,t(e.h2,{id:"dts",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#dts",children:"#"}),"dts"]}),`
|
|
94
|
+
`,o(e.p,{children:"The dts file generates the relevant configuration, by default it generates"}),`
|
|
95
|
+
`,t(e.ul,{children:[`
|
|
96
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"false | Object"})]}),`
|
|
97
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"{}"})]}),`
|
|
98
|
+
`]}),`
|
|
99
|
+
`,t(e.h3,{id:"tsconfigpath",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#tsconfigpath",children:"#"}),"tsconfigPath"]}),`
|
|
100
|
+
`,o(e.p,{children:"Path to the tsconfig file"}),`
|
|
101
|
+
`,t(e.ul,{children:[`
|
|
102
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string"})]}),`
|
|
103
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:". /tsconfig.json"})]}),`
|
|
104
|
+
`]}),`
|
|
105
|
+
`,t(e.h3,{id:"distpath",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#distpath",children:"#"}),"distPath"]}),`
|
|
106
|
+
`,t(e.p,{children:["The output path of the dts file, based on ",o(e.a,{href:"/'/zh/api/build-config/.html#outdir'",children:"outdir"})]}),`
|
|
107
|
+
`,t(e.ul,{children:[`
|
|
108
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string"})]}),`
|
|
109
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:". /types"})]}),`
|
|
110
|
+
`]}),`
|
|
111
|
+
`,t(e.h3,{id:"only",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#only",children:"#"}),"only"]}),`
|
|
112
|
+
`,o(e.p,{children:"Generate only dts files, not js files"}),`
|
|
113
|
+
`,t(e.ul,{children:[`
|
|
114
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"boolean"})]}),`
|
|
115
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"false"})]}),`
|
|
116
|
+
`]}),`
|
|
117
|
+
`,t(e.h2,{id:"externals",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#externals",children:"#"}),"externals"]}),`
|
|
118
|
+
`,o(e.p,{children:"Configure external dependencies that will not be packaged into the final bundle"}),`
|
|
119
|
+
`,t(e.ul,{children:[`
|
|
120
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"(string | RegExp)[]"})]}),`
|
|
121
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"[]"})]}),`
|
|
122
|
+
`]}),`
|
|
123
|
+
`,t(e.h2,{id:"format",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#format",children:"#"}),"format"]}),`
|
|
124
|
+
`,t(e.p,{children:["The format of the js product output, where ",o(e.code,{children:"iife"})," and ",o(e.code,{children:"umd"})," can only take effect when ",o(e.code,{children:"buildType"})," is ",o(e.code,{children:"bundle"})]}),`
|
|
125
|
+
`,t(e.ul,{children:[`
|
|
126
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"'esm' | 'cjs' | 'iife' | 'umd'"})]}),`
|
|
127
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"cjs"})]}),`
|
|
128
|
+
`]}),`
|
|
129
|
+
`,t(e.h2,{id:"input",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#input",children:"#"}),"input"]}),`
|
|
130
|
+
`,o(e.p,{children:"Specify the entry file for the build, in the form of an array that can specify the directory"}),`
|
|
131
|
+
`,t(e.ul,{children:[`
|
|
132
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string[] | Record<string, string>"})]}),`
|
|
133
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"['src/index.ts']"})," in ",o(e.code,{children:"bundle"})," mode, ",o(e.code,{children:"['src']"})," in ",o(e.code,{children:"bundleless"})," mode"]}),`
|
|
134
|
+
`]}),`
|
|
135
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"input",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"src/index.ts",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"src/index2.ts",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
136
|
+
`,t(e.h2,{id:"jsx",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#jsx",children:"#"}),"jsx"]}),`
|
|
137
|
+
`,o(e.p,{children:"Specify the compilation method of jsx, default support React17, automatically inject jsx runtime code"}),`
|
|
138
|
+
`,t(e.ul,{children:[`
|
|
139
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"automatic | classic"})]}),`
|
|
140
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"automatic"})]}),`
|
|
141
|
+
`]}),`
|
|
142
|
+
`,t(e.h2,{id:"minify",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#minify",children:"#"}),"minify"]}),`
|
|
143
|
+
`,t(e.p,{children:["Use esbuild or terser to compress code, also pass ",o(e.a,{href:"https://github.com/terser/terser#minify-options",target:"_blank",rel:"nofollow",children:"terserOptions"})]}),`
|
|
144
|
+
`,t(e.ul,{children:[`
|
|
145
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"'terser' | 'esbuild' | false | Object"})]}),`
|
|
146
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"false"})]}),`
|
|
147
|
+
`]}),`
|
|
148
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"minify",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:"compress",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:"drop_console",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{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:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
149
|
+
`,t(e.h2,{id:"outdir",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#outdir",children:"#"}),"outdir"]}),`
|
|
150
|
+
`,o(e.p,{children:"Specifies the output directory of the build"}),`
|
|
151
|
+
`,t(e.ul,{children:[`
|
|
152
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string"})]}),`
|
|
153
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"dist"})]}),`
|
|
154
|
+
`]}),`
|
|
155
|
+
`,t(e.h2,{id:"platform",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#platform",children:"#"}),"platform"]}),`
|
|
156
|
+
`,t(e.p,{children:["Generates code for the node environment by default, you can also specify ",o(e.code,{children:"browser"})," which will generate code for the browser environment"]}),`
|
|
157
|
+
`,t(e.ul,{children:[`
|
|
158
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"'browser' | 'node'"})]}),`
|
|
159
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"node"})]}),`
|
|
160
|
+
`]}),`
|
|
161
|
+
`,t(e.h2,{id:"sourcedir",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#sourcedir",children:"#"}),"sourceDir"]}),`
|
|
162
|
+
`,t(e.p,{children:["Specify the source directory of the build, default is ",o(e.code,{children:"src"}),", which is used to generate the corresponding product directory based on the source directory structure when building ",o(e.code,{children:"bundleless"}),"."]}),`
|
|
163
|
+
`,t(e.ul,{children:[`
|
|
164
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string"})]}),`
|
|
165
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"src"})]}),`
|
|
166
|
+
`]}),`
|
|
167
|
+
`,t(e.h2,{id:"sourcemap",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#sourcemap",children:"#"}),"sourceMap"]}),`
|
|
168
|
+
`,o(e.p,{children:"Whether to generate sourceMap or not"}),`
|
|
169
|
+
`,t(e.ul,{children:[`
|
|
170
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"boolean | 'inline' | 'external'"})]}),`
|
|
171
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"false"})]}),`
|
|
172
|
+
`]}),`
|
|
173
|
+
`,t(e.h2,{id:"splitting",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#splitting",children:"#"}),"splitting"]}),`
|
|
174
|
+
`,o(e.p,{children:"Whether to enable code splitting"}),`
|
|
175
|
+
`,t(e.ul,{children:[`
|
|
176
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"boolean"})]}),`
|
|
177
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"false"})]}),`
|
|
178
|
+
`]}),`
|
|
179
|
+
`,t(e.h2,{id:"style",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#style",children:"#"}),"style"]}),`
|
|
180
|
+
`,o(e.p,{children:"Configure style-related configuration"}),`
|
|
181
|
+
`,t(e.h3,{id:"less",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#less",children:"#"}),"less"]}),`
|
|
182
|
+
`,o(e.p,{children:"less-related configuration"}),`
|
|
183
|
+
`,t(e.h4,{id:"lessoptions",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#lessoptions",children:"#"}),"lessOptions"]}),`
|
|
184
|
+
`,t(e.p,{children:["Refer to ",o(e.a,{href:"https://less.bootcss.com/usage/#less-options",target:"_blank",rel:"nofollow",children:"less"})," for detailed configuration"]}),`
|
|
185
|
+
`,t(e.ul,{children:[`
|
|
186
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"Object"})]}),`
|
|
187
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"{ javascriptEnabled: true }"})]}),`
|
|
188
|
+
`]}),`
|
|
189
|
+
`,t(e.h4,{id:"additionaldata",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#additionaldata",children:"#"}),"additionalData"]}),`
|
|
190
|
+
`,t(e.p,{children:["Add ",o(e.code,{children:"Less"})," code to the beginning of the entry file."]}),`
|
|
191
|
+
`,t(e.ul,{children:[`
|
|
192
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string"})]}),`
|
|
193
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"undefined"})]}),`
|
|
194
|
+
`]}),`
|
|
195
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"style",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:"less",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:"additionalData",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"`",props:{style:{color:"#ECEFF4"}}},{content:"@base-color: #c6538c;",props:{style:{color:"#A3BE8C"}}},{content:"`",props:{style:{color:"#ECEFF4"}}},{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:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[]}],lang:"js"},annotations:[]}]}),`
|
|
196
|
+
`,t(e.h4,{id:"implementation",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#implementation",children:"#"}),"implementation"]}),`
|
|
197
|
+
`,t(e.p,{children:["Configure the implementation library used by ",o(e.code,{children:"Less"}),", if not specified, the built-in version used is ",o(e.code,{children:"4.1.3"})]}),`
|
|
198
|
+
`,t(e.ul,{children:[`
|
|
199
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string | Object"})]}),`
|
|
200
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"undefined"})]}),`
|
|
201
|
+
`]}),`
|
|
202
|
+
`,t(e.p,{children:["Specify the implementation library for ",o(e.code,{children:"Less"})," when the ",o(e.code,{children:"Object"})," type is specified"]}),`
|
|
203
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"style",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:"less",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:"implementation",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"require",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"less",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{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"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
204
|
+
`,t(e.p,{children:["For the ",o(e.code,{children:"string"})," type, specify the path to the implementation library for ",o(e.code,{children:"Less"})]}),`
|
|
205
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"style",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:"less",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:"implementation",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"require",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"resolve",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"less",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{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"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
206
|
+
`,t(e.h3,{id:"sass",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#sass",children:"#"}),"sass"]}),`
|
|
207
|
+
`,o(e.p,{children:"sass-related configuration"}),`
|
|
208
|
+
`,t(e.h4,{id:"sassoptions",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#sassoptions",children:"#"}),"sassOptions"]}),`
|
|
209
|
+
`,t(e.p,{children:["Refer to ",o(e.a,{href:"https://github.com/sass/node-sass#options",target:"_blank",rel:"nofollow",children:"node-sass"})," for detailed configuration"]}),`
|
|
210
|
+
`,t(e.ul,{children:[`
|
|
211
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"Object"})]}),`
|
|
212
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"{}"})]}),`
|
|
213
|
+
`]}),`
|
|
214
|
+
`,t(e.h4,{id:"additionaldata-1",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#additionaldata-1",children:"#"}),"additionalData"]}),`
|
|
215
|
+
`,t(e.p,{children:["Add ",o(e.code,{children:"Sass"})," code to the beginning of the entry file."]}),`
|
|
216
|
+
`,t(e.ul,{children:[`
|
|
217
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string | Function"})]}),`
|
|
218
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"undefined"})]}),`
|
|
219
|
+
`]}),`
|
|
220
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"style",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:"sass",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:"additionalData",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"`",props:{style:{color:"#ECEFF4"}}},{content:"$base-color: #c6538c;",props:{style:{color:"#A3BE8C"}}}]},{tokens:[{content:" $border-dark: rgba($base-color, 0.88);",props:{style:{color:"#A3BE8C"}}},{content:"`",props:{style:{color:"#ECEFF4"}}},{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:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
221
|
+
`,t(e.h4,{id:"implementation-1",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#implementation-1",children:"#"}),"implementation"]}),`
|
|
222
|
+
`,t(e.p,{children:["Configure the implementation library used by ",o(e.code,{children:"Sass"}),", the built-in version used is ",o(e.code,{children:"1.5.4"})," if not specified"]}),`
|
|
223
|
+
`,t(e.ul,{children:[`
|
|
224
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string | Object"})]}),`
|
|
225
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"undefined"})]}),`
|
|
226
|
+
`]}),`
|
|
227
|
+
`,t(e.p,{children:["Specify the implementation library for ",o(e.code,{children:"Sass"})," when the ",o(e.code,{children:"Object"})," type is specified"]}),`
|
|
228
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"style",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:"sass",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:"implementation",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"require",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"sass",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{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"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
229
|
+
`,t(e.p,{children:["For the ",o(e.code,{children:"string"})," type, specify the path to the ",o(e.code,{children:"Sass"})," implementation library"]}),`
|
|
230
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"style",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:"sass",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:"implementation",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"require",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"resolve",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"sass",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{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"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
231
|
+
`,t(e.h3,{id:"postcss",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#postcss",children:"#"}),"postcss"]}),`
|
|
232
|
+
`,t(e.ul,{children:[`
|
|
233
|
+
`,o(e.li,{children:"plugins"}),`
|
|
234
|
+
`,o(e.li,{children:"processOptions"}),`
|
|
235
|
+
`]}),`
|
|
236
|
+
`,t(e.p,{children:["See ",o(e.a,{href:"https://github.com/postcss/postcss#options",target:"_blank",rel:"nofollow",children:"postcss"})," for detailed configuration"]}),`
|
|
237
|
+
`,t(e.h3,{id:"inject",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#inject",children:"#"}),"inject"]}),`
|
|
238
|
+
`,o(e.p,{children:"Configure whether to insert style into js in packaged mode"}),`
|
|
239
|
+
`,t(e.ul,{children:[`
|
|
240
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"boolean"})]}),`
|
|
241
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"false"})]}),`
|
|
242
|
+
`]}),`
|
|
243
|
+
`,t(e.h3,{id:"automodules",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#automodules",children:"#"}),"autoModules"]}),`
|
|
244
|
+
`,o(e.p,{children:"Enable CSS Modules automatically based on the filename."}),`
|
|
245
|
+
`,t(e.ul,{children:[`
|
|
246
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"boolean | RegExp"})]}),`
|
|
247
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"true "})]}),`
|
|
248
|
+
`]}),`
|
|
249
|
+
`,t(e.p,{children:[o(e.code,{children:"true"})," : Enables CSS Modules for style files ending with ",o(e.code,{children:".module.css"})," ",o(e.code,{children:".module.less"})," ",o(e.code,{children:".module.scss"})," ",o(e.code,{children:".module.sass"})," filenames"]}),`
|
|
250
|
+
`,t(e.p,{children:[o(e.code,{children:"false"})," : Disable CSS Modules."]}),`
|
|
251
|
+
`,t(e.p,{children:[o(e.code,{children:"RegExp"})," : Enables CSS Modules for all files that match the regular condition."]}),`
|
|
252
|
+
`,t(e.h3,{id:"modules",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#modules",children:"#"}),"modules"]}),`
|
|
253
|
+
`,o(e.p,{children:"CSS Modules configuration"}),`
|
|
254
|
+
`,t(e.ul,{children:[`
|
|
255
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"Object"})]}),`
|
|
256
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"{}"})]}),`
|
|
257
|
+
`]}),`
|
|
258
|
+
`,t(e.p,{children:["A common configuration is ",o(e.code,{children:"localsConvention"}),", which changes the class name generation rules for css modules"]}),`
|
|
259
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"style",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:"modules",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:"localsConvention",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"camelCaseOnly",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{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:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
260
|
+
`,o(e.p,{children:"For the following styles"}),`
|
|
261
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:".",props:{style:{color:"#ECEFF4"}}},{content:"box-title",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"color",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"red;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"css"},annotations:[]}]}),`
|
|
262
|
+
`,t(e.p,{children:["You can use ",o(e.code,{children:"styles.boxTitle"})," to access"]}),`
|
|
263
|
+
`,t(e.p,{children:["For detailed configuration see ",o(e.a,{href:"https://github.com/madyankin/postcss-modules#usage",target:"_blank",rel:"nofollow",children:"postcss-modules"})]}),`
|
|
264
|
+
`,t(e.h3,{id:"tailwind",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#tailwind",children:"#"}),"tailwind"]}),`
|
|
265
|
+
`,o(e.p,{children:"tailwindcss related configuration"}),`
|
|
266
|
+
`,t(e.ul,{children:[`
|
|
267
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"Object | Function"})]}),`
|
|
268
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"see configuration details below"})]}),`
|
|
269
|
+
`]}),`
|
|
270
|
+
`,`
|
|
271
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"const",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"tailwind",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:"purge",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:"enabled",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"options",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"env",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"===",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"production",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"content",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:". /config/html/**/*.html",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:". /config/html/**/*.ejs",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:". /config/html/**/*.hbs",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:". /src/**/*",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"layers",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"utilities",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#ECEFF4"}}},{content:"// https://tailwindcss.com/docs/upcoming-changes",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"future",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:"removeDeprecatedGapUtilities",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"purgeLayersByDefault",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defaultLineHeights",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"standardFontWeights",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{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"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
272
|
+
`,t(e.p,{children:["When the value is of type ",o(e.code,{children:"Object"}),", it is merged with the default configuration via ",o(e.code,{children:"Object.assign"}),"."]}),`
|
|
273
|
+
`,t(e.p,{children:["When the value is of type ",o(e.code,{children:"Function"}),", the object returned by the function is merged with the default configuration via ",o(e.code,{children:"Object.assign"}),"."]}),`
|
|
274
|
+
`,t(e.p,{children:["The ",o(e.code,{children:"theme"})," property is not allowed, otherwise the build will fail, using ",o(e.a,{href:"/zh/api/design-system.html",children:o(e.code,{children:"designSystem"})})," as the ",o(e.code,{children:"Tailwind CSS Theme"})," configuration."]}),`
|
|
275
|
+
`,t(e.p,{children:["The rest of the usage is the same as Tailwind CSS: ",o(e.a,{href:"https://tailwindcss.com/docs/configuration",target:"_blank",rel:"nofollow",children:"Quick Portal"}),"."]}),`
|
|
276
|
+
`,t(e.h2,{id:"target",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#target",children:"#"}),"target"]}),`
|
|
277
|
+
`,o(e.p,{children:"Specify the target environment for the build"}),`
|
|
278
|
+
`,t(e.ul,{children:[`
|
|
279
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"'es5' | 'es6' | 'es2015' | 'es2016' | 'es2017' | 'es2018' | 'es2019' | 'es2020' | 'es2021' | 'es2022' | 'esnext'"})]}),`
|
|
280
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"'es2015'"})]}),`
|
|
281
|
+
`]}),`
|
|
282
|
+
`,t(e.h2,{id:"umdglobals",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#umdglobals",children:"#"}),"umdGlobals"]}),`
|
|
283
|
+
`,o(e.p,{children:"Specify global variables for external import of umd products"}),`
|
|
284
|
+
`,t(e.ul,{children:[`
|
|
285
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"Record<string, string>"})]}),`
|
|
286
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"{}"})]}),`
|
|
287
|
+
`]}),`
|
|
288
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",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:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"build",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:"umdGlobals",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:"react",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"React",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"react-dom",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"ReactDOM",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{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"}}}]}],lang:"js"},annotations:[]}]}),`
|
|
289
|
+
`,t(e.p,{children:["At this point, ",o(e.code,{children:"react"})," and ",o(e.code,{children:"react-dom"})," will be seen as global variables imported externally and will not be packed into the umd product, but will be accessible by way of ",o(e.code,{children:"global.React"})," and ",o(e.code,{children:"global.ReactDOM"})]}),`
|
|
290
|
+
`,t(e.h2,{id:"umdmodulename",children:[o(e.a,{className:"header-anchor","aria-hidden":"true",href:"#umdmodulename",children:"#"}),"umdModuleName"]}),`
|
|
291
|
+
`,o(e.p,{children:"Specifies the module name of the umd product"}),`
|
|
292
|
+
`,t(e.ul,{children:[`
|
|
293
|
+
`,t(e.li,{children:["type: ",o(e.code,{children:"string"})," | ",o(e.code,{children:"Function"})]}),`
|
|
294
|
+
`,t(e.li,{children:["default: ",o(e.code,{children:"name => name"})]}),`
|
|
295
|
+
`]}),`
|
|
296
|
+
`,o(e.p,{children:`\`\`js
|
|
297
|
+
export default {
|
|
298
|
+
build: {
|
|
299
|
+
format: 'umd',
|
|
300
|
+
umdModuleName: 'myLib',
|
|
301
|
+
}
|
|
302
|
+
}`}),`
|
|
303
|
+
`,o(n.Code,{codeConfig:r,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"At this point the umd product will go to mount on `global.myLib`",props:{}}]},{tokens:[{content:":::tip",props:{}}]},{tokens:[{content:"- The module name of the umd product must not conflict with the global variable name.",props:{}}]},{tokens:[{content:"- Module names should not contain special characters like `-`, `@`, `/`, etc.",props:{}}]},{tokens:[{content:":::",props:{}}]},{tokens:[{content:"",props:{}}]},{tokens:[{content:"Also the function form can take one parameter, which is the output path of the current package file",props:{}}]},{tokens:[{content:"```js",props:{}}]},{tokens:[{content:"export default {",props:{}}]},{tokens:[{content:" build: {",props:{}}]},{tokens:[{content:" format: 'umd',",props:{}}]},{tokens:[{content:" umdModuleName: (path) => {",props:{}}]},{tokens:[{content:" if (path.includes('index')) {",props:{}}]},{tokens:[{content:" return 'myLib';",props:{}}]},{tokens:[{content:" } else {",props:{}}]},{tokens:[{content:" return 'myLib2';",props:{}}]},{tokens:[{content:" }",props:{}}]},{tokens:[{content:" },",props:{}}]},{tokens:[{content:" }",props:{}}]},{tokens:[{content:"}",props:{}}]}],lang:"text"},annotations:[]}]})]})}function f(s={}){const{wrapper:e}=s.components||{};return e?o(e,Object.assign({},s,{children:o(c,s)})):c(s)}function i(s,e){throw new Error("Expected "+(e?"component":"object")+" `"+s+"` to be defined: you likely forgot to import, pass, or provide it.")}const m="2022/12/1 20:09:37",b=`# BuildConfig
|
|
304
|
+
This section describes all the configuration of Module tools for building
|
|
305
|
+
## alias
|
|
306
|
+
- type: \`Record<string, string | string[]> | Function\`
|
|
307
|
+
- default: \`{'@': 'src',}\`
|
|
308
|
+
|
|
309
|
+
:::tip
|
|
310
|
+
For TypeScript projects, you only need to configure [compilerOptions.paths](https://www.typescriptlang.org/tsconfig#paths) in \`tsconfig.json\`, Module tools will automatically recognize the alias in \`tsconfig.json\`, so there is no need to configure the \`alias\` field additionally.
|
|
311
|
+
:::
|
|
312
|
+
|
|
313
|
+
\`\`\`js
|
|
314
|
+
export default {
|
|
315
|
+
build: {
|
|
316
|
+
alias: {
|
|
317
|
+
'@common': '. /src/common',
|
|
318
|
+
},
|
|
319
|
+
},
|
|
320
|
+
};
|
|
321
|
+
\`\`\`
|
|
322
|
+
|
|
323
|
+
After the above configuration is done, if \`@common/Foo.tsx\` is referenced in the code, it will map to the \`<root>/src/common/Foo.tsx\` path.
|
|
324
|
+
|
|
325
|
+
When the value of \`alias\` is defined as a function, you can accept the pre-defined alias object and modify it.
|
|
326
|
+
|
|
327
|
+
\`\`\`js
|
|
328
|
+
export default {
|
|
329
|
+
build: {
|
|
330
|
+
alias: alias => {
|
|
331
|
+
alias['@common'] = '. /src/common';
|
|
332
|
+
},
|
|
333
|
+
},
|
|
334
|
+
};
|
|
335
|
+
\`\`\`
|
|
336
|
+
|
|
337
|
+
It is also possible to return a new object as the final result in the function, which will override the pre-defined alias object.
|
|
338
|
+
|
|
339
|
+
\`\`\`js
|
|
340
|
+
export default {
|
|
341
|
+
build: {
|
|
342
|
+
alias: alias => {
|
|
343
|
+
return {
|
|
344
|
+
'@common': '. /src/common',
|
|
345
|
+
};
|
|
346
|
+
},
|
|
347
|
+
},
|
|
348
|
+
};
|
|
349
|
+
\`\`\`
|
|
350
|
+
|
|
351
|
+
## asset
|
|
352
|
+
|
|
353
|
+
### path
|
|
354
|
+
Static resource output path, will be based on [outdir](/zh/api/build-config/#outdir)
|
|
355
|
+
|
|
356
|
+
- type: \`string\`
|
|
357
|
+
- default: \`assets\`
|
|
358
|
+
|
|
359
|
+
### limit
|
|
360
|
+
Threshold for automatically inlining static resources when building, resources less than 10240 bytes will be automatically inlined into the bundle product
|
|
361
|
+
|
|
362
|
+
- type: \`number\`
|
|
363
|
+
- default: \`10 * 1024\`
|
|
364
|
+
|
|
365
|
+
### publicPath
|
|
366
|
+
The CDN prefix given to unlinked resources when packaging
|
|
367
|
+
- type: \`string\`
|
|
368
|
+
- default: \`undefined\`
|
|
369
|
+
\`\`\`js
|
|
370
|
+
export default {
|
|
371
|
+
build: {
|
|
372
|
+
asset: {
|
|
373
|
+
publicPath: 'https://xxx/'
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
};
|
|
377
|
+
\`\`\`
|
|
378
|
+
At this point, all static resources will be prefixed with \`https://xxx/\`
|
|
379
|
+
|
|
380
|
+
### svgr
|
|
381
|
+
Treat svg as a React component when packaging
|
|
382
|
+
- type: \`boolean | Object\`
|
|
383
|
+
|
|
384
|
+
#### include
|
|
385
|
+
Set the matching svg file
|
|
386
|
+
- type: \`string | RegExp | (string | RegExp)[]\`
|
|
387
|
+
- default: \`/\\.svg$/\`
|
|
388
|
+
|
|
389
|
+
#### exclude
|
|
390
|
+
Set unmatched svg files
|
|
391
|
+
- type: \`string | RegExp | (string | RegExp)[]\`
|
|
392
|
+
- default: \`undefined\`
|
|
393
|
+
|
|
394
|
+
|
|
395
|
+
## autoExternal
|
|
396
|
+
Automatically externalize project dependencies and peerDependencies and not package them into the final bundle
|
|
397
|
+
- type: \`boolean | Object\`
|
|
398
|
+
- default: \`true\`
|
|
399
|
+
|
|
400
|
+
### dependencies
|
|
401
|
+
Whether or not the dep dependencies of the external project are needed
|
|
402
|
+
- type: \`boolean\`
|
|
403
|
+
- default: \`true\`
|
|
404
|
+
|
|
405
|
+
### peerDependencies
|
|
406
|
+
Whether to require peerDep dependencies for external projects
|
|
407
|
+
- type: \`boolean\`
|
|
408
|
+
- default: \`true\`
|
|
409
|
+
|
|
410
|
+
## buildType
|
|
411
|
+
The build type, \`bundle\` will package your code, \`bundleless\` will only do the code conversion
|
|
412
|
+
- type: \`'bundle' | 'bundleless'\`
|
|
413
|
+
- default: \`bundle\`
|
|
414
|
+
|
|
415
|
+
## copy
|
|
416
|
+
Copies the specified file or directory into the build output directory
|
|
417
|
+
- type: \`Array\`
|
|
418
|
+
- default: \`[]\`
|
|
419
|
+
\`\`js
|
|
420
|
+
|
|
421
|
+
export default {
|
|
422
|
+
build: {
|
|
423
|
+
copy: [{ from: '. /src/assets', to: '' }],
|
|
424
|
+
},
|
|
425
|
+
};
|
|
426
|
+
\`\`\`
|
|
427
|
+
Reference for array settings: [copy-webpack-plugin patterns](https://github.com/webpack-contrib/copy-webpack-plugin#patterns)
|
|
428
|
+
|
|
429
|
+
## define
|
|
430
|
+
Define global variables that will be injected into the code
|
|
431
|
+
- type: \`Record<string, string>\`
|
|
432
|
+
- default: \`{}\`
|
|
433
|
+
|
|
434
|
+
Since the \`define\` function is implemented by global text replacement, you need to ensure that the global variable values are strings. A safer approach is to convert the value of each global variable to a string, using \`JSON.stringify\`, as follows.
|
|
435
|
+
\`\`\`js
|
|
436
|
+
export default {
|
|
437
|
+
build: {
|
|
438
|
+
define: {
|
|
439
|
+
'VERSION': JSON.stringify('1.0'),
|
|
440
|
+
|
|
441
|
+
},
|
|
442
|
+
},
|
|
443
|
+
};
|
|
444
|
+
\`\`\`
|
|
445
|
+
|
|
446
|
+
:::tip
|
|
447
|
+
To prevent excessive global replacement substitution, it is recommended that the following two principles be followed when using
|
|
448
|
+
- Use upper case for global constants
|
|
449
|
+
- Customize the prefix and suffix of global constants to ensure uniqueness
|
|
450
|
+
:::
|
|
451
|
+
|
|
452
|
+
## dts
|
|
453
|
+
The dts file generates the relevant configuration, by default it generates
|
|
454
|
+
|
|
455
|
+
- type: \`false | Object\`
|
|
456
|
+
- default: \`{}\`
|
|
457
|
+
|
|
458
|
+
### tsconfigPath
|
|
459
|
+
Path to the tsconfig file
|
|
460
|
+
- type: \`string\`
|
|
461
|
+
- default: \`. /tsconfig.json\`
|
|
462
|
+
|
|
463
|
+
### distPath
|
|
464
|
+
The output path of the dts file, based on [outdir]('/zh/api/build-config/#outdir')
|
|
465
|
+
- type: \`string\`
|
|
466
|
+
- default: \`. /types\`
|
|
467
|
+
|
|
468
|
+
### only
|
|
469
|
+
Generate only dts files, not js files
|
|
470
|
+
- type: \`boolean\`
|
|
471
|
+
- default: \`false\`
|
|
472
|
+
|
|
473
|
+
## externals
|
|
474
|
+
Configure external dependencies that will not be packaged into the final bundle
|
|
475
|
+
- type: \`(string | RegExp)[]\`
|
|
476
|
+
- default: \`[]\`
|
|
477
|
+
## format
|
|
478
|
+
The format of the js product output, where \`iife\` and \`umd\` can only take effect when \`buildType\` is \`bundle\`
|
|
479
|
+
- type: \`'esm' | 'cjs' | 'iife' | 'umd'\`
|
|
480
|
+
- default: \`cjs\`
|
|
481
|
+
|
|
482
|
+
## input
|
|
483
|
+
Specify the entry file for the build, in the form of an array that can specify the directory
|
|
484
|
+
- type: \`string[] | Record<string, string>\`
|
|
485
|
+
- default: \`['src/index.ts']\` in \`bundle\` mode, \`['src']\` in \`bundleless\` mode
|
|
486
|
+
|
|
487
|
+
\`\`\`js
|
|
488
|
+
export default {
|
|
489
|
+
build: {
|
|
490
|
+
input: ['src/index.ts', 'src/index2.ts'],
|
|
491
|
+
},
|
|
492
|
+
};
|
|
493
|
+
\`\`\`
|
|
494
|
+
|
|
495
|
+
## jsx
|
|
496
|
+
Specify the compilation method of jsx, default support React17, automatically inject jsx runtime code
|
|
497
|
+
- type: \`automatic | classic\`
|
|
498
|
+
- default: \`automatic\`
|
|
499
|
+
|
|
500
|
+
## minify
|
|
501
|
+
Use esbuild or terser to compress code, also pass [terserOptions](https://github.com/terser/terser#minify-options)
|
|
502
|
+
- type: \`'terser' | 'esbuild' | false | Object\`
|
|
503
|
+
- default: \`false\`
|
|
504
|
+
|
|
505
|
+
\`\`\`js
|
|
506
|
+
export default {
|
|
507
|
+
build: {
|
|
508
|
+
minify: {
|
|
509
|
+
compress: {
|
|
510
|
+
drop_console: true,
|
|
511
|
+
},
|
|
512
|
+
},
|
|
513
|
+
},
|
|
514
|
+
};
|
|
515
|
+
\`\`\`
|
|
516
|
+
|
|
517
|
+
## outdir
|
|
518
|
+
Specifies the output directory of the build
|
|
519
|
+
- type: \`string\`
|
|
520
|
+
- default: \`dist\`
|
|
521
|
+
|
|
522
|
+
## platform
|
|
523
|
+
Generates code for the node environment by default, you can also specify \`browser\` which will generate code for the browser environment
|
|
524
|
+
- type: \`'browser' | 'node'\`
|
|
525
|
+
- default: \`node\`
|
|
526
|
+
|
|
527
|
+
## sourceDir
|
|
528
|
+
Specify the source directory of the build, default is \`src\`, which is used to generate the corresponding product directory based on the source directory structure when building \`bundleless\`.
|
|
529
|
+
- type: \`string\`
|
|
530
|
+
- default: \`src\`
|
|
531
|
+
|
|
532
|
+
## sourceMap
|
|
533
|
+
Whether to generate sourceMap or not
|
|
534
|
+
- type: \`boolean | 'inline' | 'external'\`
|
|
535
|
+
- default: \`false\`
|
|
536
|
+
|
|
537
|
+
## splitting
|
|
538
|
+
Whether to enable code splitting
|
|
539
|
+
- type: \`boolean\`
|
|
540
|
+
- default: \`false\`
|
|
541
|
+
|
|
542
|
+
## style
|
|
543
|
+
Configure style-related configuration
|
|
544
|
+
|
|
545
|
+
### less
|
|
546
|
+
less-related configuration
|
|
547
|
+
#### lessOptions
|
|
548
|
+
Refer to [less](https://less.bootcss.com/usage/#less-options) for detailed configuration
|
|
549
|
+
- type: \`Object\`
|
|
550
|
+
- default: \`{ javascriptEnabled: true }\`
|
|
551
|
+
|
|
552
|
+
#### additionalData
|
|
553
|
+
Add \`Less\` code to the beginning of the entry file.
|
|
554
|
+
- type: \`string\`
|
|
555
|
+
- default: \`undefined\`
|
|
556
|
+
|
|
557
|
+
\`\`\`js
|
|
558
|
+
export default {
|
|
559
|
+
build: {
|
|
560
|
+
style: {
|
|
561
|
+
less: {
|
|
562
|
+
additionalData: \`@base-color: #c6538c;\`,
|
|
563
|
+
},
|
|
564
|
+
}
|
|
565
|
+
}
|
|
566
|
+
}
|
|
567
|
+
|
|
568
|
+
\`\`\`
|
|
569
|
+
#### implementation
|
|
570
|
+
Configure the implementation library used by \`Less\`, if not specified, the built-in version used is \`4.1.3\`
|
|
571
|
+
- type: \`string | Object\`
|
|
572
|
+
- default: \`undefined\`
|
|
573
|
+
|
|
574
|
+
Specify the implementation library for \`Less\` when the \`Object\` type is specified
|
|
575
|
+
\`\`\`js
|
|
576
|
+
export default {
|
|
577
|
+
build: {
|
|
578
|
+
style: {
|
|
579
|
+
less: {
|
|
580
|
+
implementation: require('less'),
|
|
581
|
+
},
|
|
582
|
+
}
|
|
583
|
+
}
|
|
584
|
+
}
|
|
585
|
+
\`\`\`
|
|
586
|
+
|
|
587
|
+
For the \`string\` type, specify the path to the implementation library for \`Less\`
|
|
588
|
+
\`\`\`js
|
|
589
|
+
export default {
|
|
590
|
+
build: {
|
|
591
|
+
style: {
|
|
592
|
+
less: {
|
|
593
|
+
implementation: require.resolve('less'),
|
|
594
|
+
},
|
|
595
|
+
}
|
|
596
|
+
}
|
|
597
|
+
}
|
|
598
|
+
\`\`\`
|
|
599
|
+
|
|
600
|
+
### sass
|
|
601
|
+
sass-related configuration
|
|
602
|
+
#### sassOptions
|
|
603
|
+
Refer to [node-sass](https://github.com/sass/node-sass#options) for detailed configuration
|
|
604
|
+
- type: \`Object\`
|
|
605
|
+
- default: \`{}\`
|
|
606
|
+
#### additionalData
|
|
607
|
+
Add \`Sass\` code to the beginning of the entry file.
|
|
608
|
+
- type: \`string | Function\`
|
|
609
|
+
- default: \`undefined\`
|
|
610
|
+
\`\`\`js
|
|
611
|
+
export default {
|
|
612
|
+
build: {
|
|
613
|
+
style: {
|
|
614
|
+
sass: {
|
|
615
|
+
additionalData: \`$base-color: #c6538c;
|
|
616
|
+
$border-dark: rgba($base-color, 0.88);\`,
|
|
617
|
+
},
|
|
618
|
+
}
|
|
619
|
+
}
|
|
620
|
+
}
|
|
621
|
+
\`\`\`
|
|
622
|
+
|
|
623
|
+
#### implementation
|
|
624
|
+
Configure the implementation library used by \`Sass\`, the built-in version used is \`1.5.4\` if not specified
|
|
625
|
+
- type: \`string | Object\`
|
|
626
|
+
- default: \`undefined\`
|
|
627
|
+
|
|
628
|
+
Specify the implementation library for \`Sass\` when the \`Object\` type is specified
|
|
629
|
+
\`\`\`js
|
|
630
|
+
export default {
|
|
631
|
+
build: {
|
|
632
|
+
style: {
|
|
633
|
+
sass: {
|
|
634
|
+
implementation: require('sass'),
|
|
635
|
+
},
|
|
636
|
+
}
|
|
637
|
+
}
|
|
638
|
+
}
|
|
639
|
+
\`\`\`
|
|
640
|
+
|
|
641
|
+
For the \`string\` type, specify the path to the \`Sass\` implementation library
|
|
642
|
+
\`\`\`js
|
|
643
|
+
export default {
|
|
644
|
+
build: {
|
|
645
|
+
style: {
|
|
646
|
+
sass: {
|
|
647
|
+
implementation: require.resolve('sass'),
|
|
648
|
+
},
|
|
649
|
+
}
|
|
650
|
+
}
|
|
651
|
+
}
|
|
652
|
+
\`\`\`
|
|
653
|
+
|
|
654
|
+
### postcss
|
|
655
|
+
- plugins
|
|
656
|
+
- processOptions
|
|
657
|
+
|
|
658
|
+
See [postcss](https://github.com/postcss/postcss#options) for detailed configuration
|
|
659
|
+
### inject
|
|
660
|
+
Configure whether to insert style into js in packaged mode
|
|
661
|
+
|
|
662
|
+
- type: \`boolean\`
|
|
663
|
+
- default: \`false\`
|
|
664
|
+
|
|
665
|
+
### autoModules
|
|
666
|
+
Enable CSS Modules automatically based on the filename.
|
|
667
|
+
|
|
668
|
+
- type: \`boolean | RegExp\`
|
|
669
|
+
- default: \`true \`
|
|
670
|
+
|
|
671
|
+
\`true\` : Enables CSS Modules for style files ending with \`.module.css\` \`.module.less\` \`.module.scss\` \`.module.sass\` filenames
|
|
672
|
+
|
|
673
|
+
\`false\` : Disable CSS Modules.
|
|
674
|
+
|
|
675
|
+
\`RegExp\` : Enables CSS Modules for all files that match the regular condition.
|
|
676
|
+
|
|
677
|
+
### modules
|
|
678
|
+
CSS Modules configuration
|
|
679
|
+
|
|
680
|
+
- type: \`Object\`
|
|
681
|
+
- default: \`{}\`
|
|
682
|
+
|
|
683
|
+
A common configuration is \`\`localsConvention\`\`, which changes the class name generation rules for css modules
|
|
684
|
+
\`\`\`js
|
|
685
|
+
export default {
|
|
686
|
+
build: {
|
|
687
|
+
style: {
|
|
688
|
+
modules: {
|
|
689
|
+
localsConvention: 'camelCaseOnly',
|
|
690
|
+
},
|
|
691
|
+
}
|
|
692
|
+
}
|
|
693
|
+
}
|
|
694
|
+
\`\`\`
|
|
695
|
+
For the following styles
|
|
696
|
+
\`\`\`css
|
|
697
|
+
.box-title {
|
|
698
|
+
color: red;
|
|
699
|
+
}
|
|
700
|
+
\`\`\`
|
|
701
|
+
You can use \`\`styles.boxTitle\`\` to access
|
|
702
|
+
|
|
703
|
+
|
|
704
|
+
For detailed configuration see [postcss-modules](https://github.com/madyankin/postcss-modules#usage)
|
|
705
|
+
|
|
706
|
+
### tailwind
|
|
707
|
+
tailwindcss related configuration
|
|
708
|
+
|
|
709
|
+
- type: \`Object | Function\`
|
|
710
|
+
- default: \`see configuration details below\`
|
|
711
|
+
|
|
712
|
+
<details>
|
|
713
|
+
<summary>TailwindCSS configuration details</summary>
|
|
714
|
+
|
|
715
|
+
\`\`\`js
|
|
716
|
+
const tailwind = {
|
|
717
|
+
purge: {
|
|
718
|
+
enabled: options.env === 'production',
|
|
719
|
+
content: [
|
|
720
|
+
'. /config/html/**/*.html',
|
|
721
|
+
'. /config/html/**/*.ejs',
|
|
722
|
+
'. /config/html/**/*.hbs',
|
|
723
|
+
'. /src/**/*',
|
|
724
|
+
],
|
|
725
|
+
layers: ['utilities'],
|
|
726
|
+
},
|
|
727
|
+
// https://tailwindcss.com/docs/upcoming-changes
|
|
728
|
+
future: {
|
|
729
|
+
removeDeprecatedGapUtilities: false,
|
|
730
|
+
purgeLayersByDefault: true,
|
|
731
|
+
defaultLineHeights: false,
|
|
732
|
+
standardFontWeights: false,
|
|
733
|
+
},
|
|
734
|
+
}
|
|
735
|
+
\`\`\`
|
|
736
|
+
|
|
737
|
+
When the value is of type \`Object\`, it is merged with the default configuration via \`Object.assign\`.
|
|
738
|
+
|
|
739
|
+
When the value is of type \`Function\`, the object returned by the function is merged with the default configuration via \`Object.assign\`.
|
|
740
|
+
|
|
741
|
+
The \`theme\` property is not allowed, otherwise the build will fail, using [\`designSystem\`](/zh/api/design-system) as the \`Tailwind CSS Theme\` configuration.
|
|
742
|
+
|
|
743
|
+
The rest of the usage is the same as Tailwind CSS: [Quick Portal](https://tailwindcss.com/docs/configuration).
|
|
744
|
+
|
|
745
|
+
|
|
746
|
+
## target
|
|
747
|
+
Specify the target environment for the build
|
|
748
|
+
- type: \`'es5' | 'es6' | 'es2015' | 'es2016' | 'es2017' | 'es2018' | 'es2019' | 'es2020' | 'es2021' | 'es2022' | 'esnext'\`
|
|
749
|
+
- default: \`'es2015'\`
|
|
750
|
+
|
|
751
|
+
|
|
752
|
+
## umdGlobals
|
|
753
|
+
Specify global variables for external import of umd products
|
|
754
|
+
- type: \`Record<string, string>\`
|
|
755
|
+
- default: \`{}\`
|
|
756
|
+
|
|
757
|
+
\`\`\`js
|
|
758
|
+
export default {
|
|
759
|
+
build: {
|
|
760
|
+
umdGlobals: {
|
|
761
|
+
react: 'React',
|
|
762
|
+
'react-dom': 'ReactDOM',
|
|
763
|
+
},
|
|
764
|
+
}
|
|
765
|
+
}
|
|
766
|
+
\`\`\`
|
|
767
|
+
At this point, \`react\` and \`react-dom\` will be seen as global variables imported externally and will not be packed into the umd product, but will be accessible by way of \`global.React\` and \`global.ReactDOM\`
|
|
768
|
+
|
|
769
|
+
## umdModuleName
|
|
770
|
+
Specifies the module name of the umd product
|
|
771
|
+
|
|
772
|
+
- type: \`string\` | \`Function\`
|
|
773
|
+
- default: \`name => name\`
|
|
774
|
+
|
|
775
|
+
\`\`js
|
|
776
|
+
export default {
|
|
777
|
+
build: {
|
|
778
|
+
format: 'umd',
|
|
779
|
+
umdModuleName: 'myLib',
|
|
780
|
+
}
|
|
781
|
+
}
|
|
782
|
+
\`\`\`
|
|
783
|
+
At this point the umd product will go to mount on \`global.myLib\`
|
|
784
|
+
:::tip
|
|
785
|
+
- The module name of the umd product must not conflict with the global variable name.
|
|
786
|
+
- Module names should not contain special characters like \`-\`, \`@\`, \`/\`, etc.
|
|
787
|
+
:::
|
|
788
|
+
|
|
789
|
+
Also the function form can take one parameter, which is the output path of the current package file
|
|
790
|
+
\`\`\`js
|
|
791
|
+
export default {
|
|
792
|
+
build: {
|
|
793
|
+
format: 'umd',
|
|
794
|
+
umdModuleName: (path) => {
|
|
795
|
+
if (path.includes('index')) {
|
|
796
|
+
return 'myLib';
|
|
797
|
+
} else {
|
|
798
|
+
return 'myLib2';
|
|
799
|
+
}
|
|
800
|
+
},
|
|
801
|
+
}
|
|
802
|
+
}
|
|
803
|
+
\`\`\`
|
|
804
|
+
`;export{n as CH,r as chCodeConfig,b as content,f as default,E as frontmatter,m as lastUpdatedTime,F as title,y as toc};
|