@modern-js/module-tools-docs 2.0.2 → 2.2.0

package/doc_build/static/js/async/zh_api_config_build-config.048fd5ec.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[237],{69228:function(o,e,n){n.r(e),n.d(e,{CH:function(){return r},chCodeConfig:function(){return c},content:function(){return d},frontmatter:function(){return l},title:function(){return i},toc:function(){return p}});var t=n(97458),s=n(53799);const r={annotations:s.ds,Code:s.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",theme:{name:"nord",type:"dark",semanticHighlighting:!0,colors:{focusBorder:"#3b4252",foreground:"#d8dee9","activityBar.background":"#2e3440","activityBar.dropBackground":"#3b4252","activityBar.foreground":"#d8dee9","activityBar.activeBorder":"#88c0d0","activityBar.activeBackground":"#3b4252","activityBarBadge.background":"#88c0d0","activityBarBadge.foreground":"#2e3440","badge.foreground":"#2e3440","badge.background":"#88c0d0","button.background":"#88c0d0ee","button.foreground":"#2e3440","button.hoverBackground":"#88c0d0","button.secondaryBackground":"#434c5e","button.secondaryForeground":"#d8dee9","button.secondaryHoverBackground":"#4c566a","charts.red":"#bf616a","charts.blue":"#81a1c1","charts.yellow":"#ebcb8b","charts.orange":"#d08770","charts.green":"#a3be8c","charts.purple":"#b48ead","charts.foreground":"#d8dee9","charts.lines":"#88c0d0","debugConsole.infoForeground":"#88c0d0","debugConsole.warningForeground":"#ebcb8b","debugConsole.errorForeground":"#bf616a","debugConsole.sourceForeground":"#616e88","debugConsoleInputIcon.foreground":"#81a1c1","debugExceptionWidget.background":"#4c566a","debugExceptionWidget.border":"#2e3440","debugToolBar.background":"#3b4252",descriptionForeground:"#d8dee9e6","diffEditor.insertedTextBackground":"#81a1c133","diffEditor.removedTextBackground":"#bf616a4d","dropdown.background":"#3b4252","dropdown.border":"#3b4252","dropdown.foreground":"#d8dee9","editorActiveLineNumber.foreground":"#d8dee9cc","editorCursor.foreground":"#d8dee9","editorHint.border":"#ebcb8b00","editorHint.foreground":"#ebcb8b","editorIndentGuide.background":"#434c5eb3","editorIndentGuide.activeBackground":"#4c566a","editorInlayHint.background":"#434c5e","editorInlayHint.foreground":"#d8dee9","editorLineNumber.foreground":"#4c566a","editorLineNumber.activeForeground":"#d8dee9","editorWhitespace.foreground":"#4c566ab3","editorWidget.background":"#2e3440","editorWidget.border":"#3b4252","editor.background":"#2e3440","editor.foreground":"#d8dee9","editor.hoverHighlightBackground":"#3b4252","editor.findMatchBackground":"#88c0d066","editor.findMatchHighlightBackground":"#88c0d033","editor.findRangeHighlightBackground":"#88c0d033","editor.lineHighlightBackground":"#3b4252","editor.lineHighlightBorder":"#3b4252","editor.inactiveSelectionBackground":"#434c5ecc","editor.inlineValuesBackground":"#4c566a","editor.inlineValuesForeground":"#eceff4","editor.selectionBackground":"#434c5ecc","editor.selectionHighlightBackground":"#434c5ecc","editor.rangeHighlightBackground":"#434c5e52","editor.wordHighlightBackground":"#81a1c166","editor.wordHighlightStrongBackground":"#81a1c199","editor.stackFrameHighlightBackground":"#5e81ac","editor.focusedStackFrameHighlightBackground":"#5e81ac","editorError.foreground":"#bf616a","editorError.border":"#bf616a00","editorWarning.foreground":"#ebcb8b","editorWarning.border":"#ebcb8b00","editorBracketMatch.background":"#2e344000","editorBracketMatch.border":"#88c0d0","editorBracketHighlight.foreground1":"#8fbcbb","editorBracketHighlight.foreground2":"#88c0d0","editorBracketHighlight.foreground3":"#81a1c1","editorBracketHighlight.foreground4":"#5e81ac","editorBracketHighlight.foreground5":"#8fbcbb","editorBracketHighlight.foreground6":"#88c0d0","editorBracketHighlight.unexpectedBracket.foreground":"#bf616a","editorCodeLens.foreground":"#4c566a","editorGroup.background":"#2e3440","editorGroup.border":"#3b425201","editorGroup.dropBackground":"#3b425299","editorGroupHeader.border":"#3b425200","editorGroupHeader.noTabsBackground":"#2e3440","editorGroupHeader.tabsBackground":"#2e3440","editorGroupHeader.tabsBorder":"#3b425200","editorGutter.background":"#2e3440","editorGutter.modifiedBackground":"#ebcb8b","editorGutter.addedBackground":"#a3be8c","editorGutter.deletedBackground":"#bf616a","editorHoverWidget.background":"#3b4252","editorHoverWidget.border":"#3b4252","editorLink.activeForeground":"#88c0d0","editorMarkerNavigation.background":"#5e81acc0","editorMarkerNavigationError.background":"#bf616ac0","editorMarkerNavigationWarning.background":"#ebcb8bc0","editorOverviewRuler.border":"#3b4252","editorOverviewRuler.currentContentForeground":"#3b4252","editorOverviewRuler.incomingContentForeground":"#3b4252","editorOverviewRuler.findMatchForeground":"#88c0d066","editorOverviewRuler.rangeHighlightForeground":"#88c0d066","editorOverviewRuler.selectionHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightStrongForeground":"#88c0d066","editorOverviewRuler.modifiedForeground":"#ebcb8b","editorOverviewRuler.addedForeground":"#a3be8c","editorOverviewRuler.deletedForeground":"#bf616a","editorOverviewRuler.errorForeground":"#bf616a","editorOverviewRuler.warningForeground":"#ebcb8b","editorOverviewRuler.infoForeground":"#81a1c1","editorRuler.foreground":"#434c5e","editorSuggestWidget.background":"#2e3440","editorSuggestWidget.border":"#3b4252","editorSuggestWidget.foreground":"#d8dee9","editorSuggestWidget.focusHighlightForeground":"#88c0d0","editorSuggestWidget.highlightForeground":"#88c0d0","editorSuggestWidget.selectedBackground":"#434c5e","editorSuggestWidget.selectedForeground":"#d8dee9","extensionButton.prominentForeground":"#d8dee9","extensionButton.prominentBackground":"#434c5e","extensionButton.prominentHoverBackground":"#4c566a",errorForeground:"#bf616a","gitDecoration.modifiedResourceForeground":"#ebcb8b","gitDecoration.deletedResourceForeground":"#bf616a","gitDecoration.untrackedResourceForeground":"#a3be8c","gitDecoration.ignoredResourceForeground":"#d8dee966","gitDecoration.conflictingResourceForeground":"#5e81ac","gitDecoration.submoduleResourceForeground":"#8fbcbb","gitDecoration.stageDeletedResourceForeground":"#bf616a","gitDecoration.stageModifiedResourceForeground":"#ebcb8b","input.background":"#3b4252","input.foreground":"#d8dee9","input.placeholderForeground":"#d8dee999","input.border":"#3b4252","inputOption.activeBackground":"#5e81ac","inputOption.activeBorder":"#5e81ac","inputOption.activeForeground":"#eceff4","inputValidation.errorBackground":"#bf616a","inputValidation.errorBorder":"#bf616a","inputValidation.infoBackground":"#81a1c1","inputValidation.infoBorder":"#81a1c1","inputValidation.warningBackground":"#d08770","inputValidation.warningBorder":"#d08770","keybindingLabel.background":"#4c566a","keybindingLabel.border":"#4c566a","keybindingLabel.bottomBorder":"#4c566a","keybindingLabel.foreground":"#d8dee9","list.activeSelectionBackground":"#88c0d0","list.activeSelectionForeground":"#2e3440","list.inactiveSelectionBackground":"#434c5e","list.inactiveSelectionForeground":"#d8dee9","list.inactiveFocusBackground":"#434c5ecc","list.hoverForeground":"#eceff4","list.focusForeground":"#d8dee9","list.focusBackground":"#88c0d099","list.focusHighlightForeground":"#eceff4","list.hoverBackground":"#3b4252","list.dropBackground":"#88c0d099","list.highlightForeground":"#88c0d0","list.errorForeground":"#bf616a","list.warningForeground":"#ebcb8b","merge.currentHeaderBackground":"#81a1c166","merge.currentContentBackground":"#81a1c14d","merge.incomingHeaderBackground":"#8fbcbb66","merge.incomingContentBackground":"#8fbcbb4d","merge.border":"#3b425200","minimap.background":"#2e3440","minimap.errorHighlight":"#bf616acc","minimap.findMatchHighlight":"#88c0d0","minimap.selectionHighlight":"#88c0d0cc","minimap.warningHighlight":"#ebcb8bcc","minimapGutter.addedBackground":"#a3be8c","minimapGutter.deletedBackground":"#bf616a","minimapGutter.modifiedBackground":"#ebcb8b","minimapSlider.activeBackground":"#434c5eaa","minimapSlider.background":"#434c5e99","minimapSlider.hoverBackground":"#434c5eaa","notification.background":"#3b4252","notification.buttonBackground":"#434c5e","notification.buttonForeground":"#d8dee9","notification.buttonHoverBackground":"#4c566a","notification.errorBackground":"#bf616a","notification.errorForeground":"#2e3440","notification.foreground":"#d8dee9","notification.infoBackground":"#88c0d0","notification.infoForeground":"#2e3440","notification.warningBackground":"#ebcb8b","notification.warningForeground":"#2e3440","notificationCenter.border":"#3b425200","notificationCenterHeader.background":"#2e3440","notificationCenterHeader.foreground":"#88c0d0","notificationLink.foreground":"#88c0d0","notifications.background":"#3b4252","notifications.border":"#2e3440","notifications.foreground":"#d8dee9","notificationToast.border":"#3b425200","panel.background":"#2e3440","panel.border":"#3b4252","panelTitle.activeBorder":"#88c0d000","panelTitle.activeForeground":"#88c0d0","panelTitle.inactiveForeground":"#d8dee9","peekView.border":"#4c566a","peekViewEditor.background":"#2e3440","peekViewEditorGutter.background":"#2e3440","peekViewEditor.matchHighlightBackground":"#88c0d04d","peekViewResult.background":"#2e3440","peekViewResult.fileForeground":"#88c0d0","peekViewResult.lineForeground":"#d8dee966","peekViewResult.matchHighlightBackground":"#88c0d0cc","peekViewResult.selectionBackground":"#434c5e","peekViewResult.selectionForeground":"#d8dee9","peekViewTitle.background":"#3b4252","peekViewTitleDescription.foreground":"#d8dee9","peekViewTitleLabel.foreground":"#88c0d0","pickerGroup.border":"#3b4252","pickerGroup.foreground":"#88c0d0","progressBar.background":"#88c0d0","quickInputList.focusBackground":"#88c0d0","quickInputList.focusForeground":"#2e3440","sash.hoverBorder":"#88c0d0","scrollbar.shadow":"#00000066","scrollbarSlider.activeBackground":"#434c5eaa","scrollbarSlider.background":"#434c5e99","scrollbarSlider.hoverBackground":"#434c5eaa","selection.background":"#88c0d099","sideBar.background":"#2e3440","sideBar.foreground":"#d8dee9","sideBar.border":"#3b4252","sideBarSectionHeader.background":"#3b4252","sideBarSectionHeader.foreground":"#d8dee9","sideBarTitle.foreground":"#d8dee9","statusBar.background":"#3b4252","statusBar.debuggingBackground":"#5e81ac","statusBar.debuggingForeground":"#d8dee9","statusBar.noFolderForeground":"#d8dee9","statusBar.noFolderBackground":"#3b4252","statusBar.foreground":"#d8dee9","statusBarItem.activeBackground":"#4c566a","statusBarItem.hoverBackground":"#434c5e","statusBarItem.prominentBackground":"#3b4252","statusBarItem.prominentHoverBackground":"#434c5e","statusBarItem.errorBackground":"#3b4252","statusBarItem.errorForeground":"#bf616a","statusBarItem.warningBackground":"#ebcb8b","statusBarItem.warningForeground":"#2e3440","statusBar.border":"#3b425200","tab.activeBackground":"#3b4252","tab.activeForeground":"#d8dee9","tab.border":"#3b425200","tab.activeBorder":"#88c0d000","tab.unfocusedActiveBorder":"#88c0d000","tab.inactiveBackground":"#2e3440","tab.inactiveForeground":"#d8dee966","tab.unfocusedActiveForeground":"#d8dee999","tab.unfocusedInactiveForeground":"#d8dee966","tab.hoverBackground":"#3b4252cc","tab.unfocusedHoverBackground":"#3b4252b3","tab.hoverBorder":"#88c0d000","tab.unfocusedHoverBorder":"#88c0d000","tab.activeBorderTop":"#88c0d000","tab.unfocusedActiveBorderTop":"#88c0d000","tab.lastPinnedBorder":"#4c566a","terminal.background":"#2e3440","terminal.foreground":"#d8dee9","terminal.ansiBlack":"#3b4252","terminal.ansiRed":"#bf616a","terminal.ansiGreen":"#a3be8c","terminal.ansiYellow":"#ebcb8b","terminal.ansiBlue":"#81a1c1","terminal.ansiMagenta":"#b48ead","terminal.ansiCyan":"#88c0d0","terminal.ansiWhite":"#e5e9f0","terminal.ansiBrightBlack":"#4c566a","terminal.ansiBrightRed":"#bf616a","terminal.ansiBrightGreen":"#a3be8c","terminal.ansiBrightYellow":"#ebcb8b","terminal.ansiBrightBlue":"#81a1c1","terminal.ansiBrightMagenta":"#b48ead","terminal.ansiBrightCyan":"#8fbcbb","terminal.ansiBrightWhite":"#eceff4","terminal.tab.activeBorder":"#88c0d0","textBlockQuote.background":"#3b4252","textBlockQuote.border":"#81a1c1","textCodeBlock.background":"#4c566a","textLink.activeForeground":"#88c0d0","textLink.foreground":"#88c0d0","textPreformat.foreground":"#8fbcbb","textSeparator.foreground":"#eceff4","titleBar.activeBackground":"#2e3440","titleBar.activeForeground":"#d8dee9","titleBar.border":"#2e344000","titleBar.inactiveBackground":"#2e3440","titleBar.inactiveForeground":"#d8dee966","tree.indentGuidesStroke":"#616e88","walkThrough.embeddedEditorBackground":"#2e3440","welcomePage.buttonBackground":"#434c5e","welcomePage.buttonHoverBackground":"#4c566a","widget.shadow":"#00000066"},tokenColors:[{settings:{foreground:"#d8dee9ff",background:"#2e3440ff"}},{scope:"emphasis",settings:{fontStyle:"italic"}},{scope:"strong",settings:{fontStyle:"bold"}},{name:"Comment",scope:"comment",settings:{foreground:"#616E88"}},{name:"Constant Character",scope:"constant.character",settings:{foreground:"#EBCB8B"}},{name:"Constant Character Escape",scope:"constant.character.escape",settings:{foreground:"#EBCB8B"}},{name:"Constant Language",scope:"constant.language",settings:{foreground:"#81A1C1"}},{name:"Constant Numeric",scope:"constant.numeric",settings:{foreground:"#B48EAD"}},{name:"Constant Regexp",scope:"constant.regexp",settings:{foreground:"#EBCB8B"}},{name:"Entity Name Class/Type",scope:["entity.name.class","entity.name.type.class"],settings:{foreground:"#8FBCBB"}},{name:"Entity Name Function",scope:"entity.name.function",settings:{foreground:"#88C0D0"}},{name:"Entity Name Tag",scope:"entity.name.tag",settings:{foreground:"#81A1C1"}},{name:"Entity Other Attribute Name",scope:"entity.other.attribute-name",settings:{foreground:"#8FBCBB"}},{name:"Entity Other Inherited Class",scope:"entity.other.inherited-class",settings:{fontStyle:"bold",foreground:"#8FBCBB"}},{name:"Invalid Deprecated",scope:"invalid.deprecated",settings:{foreground:"#D8DEE9",background:"#EBCB8B"}},{name:"Invalid Illegal",scope:"invalid.illegal",settings:{foreground:"#D8DEE9",background:"#BF616A"}},{name:"Keyword",scope:"keyword",settings:{foreground:"#81A1C1"}},{name:"Keyword Operator",scope:"keyword.operator",settings:{foreground:"#81A1C1"}},{name:"Keyword Other New",scope:"keyword.other.new",settings:{foreground:"#81A1C1"}},{name:"Markup Bold",scope:"markup.bold",settings:{fontStyle:"bold"}},{name:"Markup Changed",scope:"markup.changed",settings:{foreground:"#EBCB8B"}},{name:"Markup Deleted",scope:"markup.deleted",settings:{foreground:"#BF616A"}},{name:"Markup Inserted",scope:"markup.inserted",settings:{foreground:"#A3BE8C"}},{name:"Meta Preprocessor",scope:"meta.preprocessor",settings:{foreground:"#5E81AC"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Parameters",scope:["punctuation.definition.method-parameters","punctuation.definition.function-parameters","punctuation.definition.parameters"],settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Tag",scope:"punctuation.definition.tag",settings:{foreground:"#81A1C1"}},{name:"Punctuation Definition Comment",scope:["punctuation.definition.comment","punctuation.end.definition.comment","punctuation.start.definition.comment"],settings:{foreground:"#616E88"}},{name:"Punctuation Section",scope:"punctuation.section",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Section Embedded",scope:["punctuation.section.embedded.begin","punctuation.section.embedded.end"],settings:{foreground:"#81A1C1"}},{name:"Punctuation Terminator",scope:"punctuation.terminator",settings:{foreground:"#81A1C1"}},{name:"Punctuation Variable",scope:"punctuation.definition.variable",settings:{foreground:"#81A1C1"}},{name:"Storage",scope:"storage",settings:{foreground:"#81A1C1"}},{name:"String",scope:"string",settings:{foreground:"#A3BE8C"}},{name:"String Regexp",scope:"string.regexp",settings:{foreground:"#EBCB8B"}},{name:"Support Class",scope:"support.class",settings:{foreground:"#8FBCBB"}},{name:"Support Constant",scope:"support.constant",settings:{foreground:"#81A1C1"}},{name:"Support Function",scope:"support.function",settings:{foreground:"#88C0D0"}},{name:"Support Function Construct",scope:"support.function.construct",settings:{foreground:"#81A1C1"}},{name:"Support Type",scope:"support.type",settings:{foreground:"#8FBCBB"}},{name:"Support Type Exception",scope:"support.type.exception",settings:{foreground:"#8FBCBB"}},{name:"Token Debug",scope:"token.debug-token",settings:{foreground:"#b48ead"}},{name:"Token Error",scope:"token.error-token",settings:{foreground:"#bf616a"}},{name:"Token Info",scope:"token.info-token",settings:{foreground:"#88c0d0"}},{name:"Token Warning",scope:"token.warn-token",settings:{foreground:"#ebcb8b"}},{name:"Variable",scope:"variable.other",settings:{foreground:"#D8DEE9"}},{name:"Variable Language",scope:"variable.language",settings:{foreground:"#81A1C1"}},{name:"Variable Parameter",scope:"variable.parameter",settings:{foreground:"#D8DEE9"}},{name:"[C/CPP] Punctuation Separator Pointer-Access",scope:"punctuation.separator.pointer-access.c",settings:{foreground:"#81A1C1"}},{name:"[C/CPP] Meta Preprocessor Include",scope:["source.c meta.preprocessor.include","source.c string.quoted.other.lt-gt.include"],settings:{foreground:"#8FBCBB"}},{name:"[C/CPP] Conditional Directive",scope:["source.cpp keyword.control.directive.conditional","source.cpp punctuation.definition.directive","source.c keyword.control.directive.conditional","source.c punctuation.definition.directive"],settings:{foreground:"#5E81AC",fontStyle:"bold"}},{name:"[CSS] Constant Other Color RGB Value",scope:"source.css constant.other.color.rgb-value",settings:{foreground:"#B48EAD"}},{name:"[CSS](Function) Meta Property-Value",scope:"source.css meta.property-value",settings:{foreground:"#88C0D0"}},{name:"[CSS] Media Queries",scope:["source.css keyword.control.at-rule.media","source.css keyword.control.at-rule.media punctuation.definition.keyword"],settings:{foreground:"#D08770"}},{name:"[CSS] Punctuation Definition Keyword",scope:"source.css punctuation.definition.keyword",settings:{foreground:"#81A1C1"}},{name:"[CSS] Support Type Property Name",scope:"source.css support.type.property-name",settings:{foreground:"#D8DEE9"}},{name:"[diff] Meta Range Context",scope:"source.diff meta.diff.range.context",settings:{foreground:"#8FBCBB"}},{name:"[diff] Meta Header From-File",scope:"source.diff meta.diff.header.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition From-File",scope:"source.diff punctuation.definition.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Range",scope:"source.diff punctuation.definition.range",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Separator",scope:"source.diff punctuation.definition.separator",settings:{foreground:"#81A1C1"}},{name:"[Elixir](JakeBecker.elixir-ls) module names",scope:"entity.name.type.module.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Elixir](JakeBecker.elixir-ls) module attributes",scope:"variable.other.readwrite.module.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) atoms",scope:"constant.other.symbol.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) modules",scope:"variable.other.constant.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Go] String Format Placeholder",scope:"source.go constant.other.placeholder.go",settings:{foreground:"#EBCB8B"}},{name:"[Java](JavaDoc) Comment Block Documentation HTML Entities",scope:"source.java comment.block.documentation.javadoc punctuation.definition.entity.html",settings:{foreground:"#81A1C1"}},{name:"[Java](JavaDoc) Constant Other",scope:"source.java constant.other",settings:{foreground:"#D8DEE9"}},{name:"[Java](JavaDoc) Keyword Other Documentation",scope:"source.java keyword.other.documentation",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Author",scope:"source.java keyword.other.documentation.author.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Directive/Custom",scope:["source.java keyword.other.documentation.directive","source.java keyword.other.documentation.custom"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation See",scope:"source.java keyword.other.documentation.see.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java] Meta Method-Call",scope:"source.java meta.method-call meta.method",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Meta Tag Template Link",scope:["source.java meta.tag.template.link.javadoc","source.java string.other.link.title.javadoc"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Meta Tag Template Value",scope:"source.java meta.tag.template.value.javadoc",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Punctuation Definition Keyword",scope:"source.java punctuation.definition.keyword.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Punctuation Definition Tag",scope:["source.java punctuation.definition.tag.begin.javadoc","source.java punctuation.definition.tag.end.javadoc"],settings:{foreground:"#616E88"}},{name:"[Java] Storage Modifier Import",scope:"source.java storage.modifier.import",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Modifier Package",scope:"source.java storage.modifier.package",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type",scope:"source.java storage.type",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Annotation",scope:"source.java storage.type.annotation",settings:{foreground:"#D08770"}},{name:"[Java] Storage Type Generic",scope:"source.java storage.type.generic",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Primitive",scope:"source.java storage.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Decorator",scope:["source.js punctuation.decorator","source.js meta.decorator variable.other.readwrite","source.js meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[JavaScript] Meta Object-Literal Key",scope:"source.js meta.object-literal.key",settings:{foreground:"#88C0D0"}},{name:"[JavaScript](JSDoc) Storage Type Class",scope:"source.js storage.type.class.jsdoc",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] String Template Literals Punctuation",scope:["source.js string.quoted.template punctuation.quasi.element.begin","source.js string.quoted.template punctuation.quasi.element.end","source.js string.template punctuation.definition.template-expression"],settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Interpolated String Template Punctuation Functions",scope:"source.js string.quoted.template meta.method-call.with-arguments",settings:{foreground:"#ECEFF4"}},{name:"[JavaScript] String Template Literal Variable",scope:["source.js string.template meta.template.expression support.variable.property","source.js string.template meta.template.expression variable.other.object"],settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Support Type Primitive",scope:"source.js support.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Variable Other Object",scope:"source.js variable.other.object",settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Variable Other Read-Write Alias",scope:"source.js variable.other.readwrite.alias",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] Parentheses in Template Strings",scope:["source.js meta.embedded.line meta.brace.square","source.js meta.embedded.line meta.brace.round","source.js string.quoted.template meta.brace.square","source.js string.quoted.template meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[HTML] Constant Character Entity",scope:"text.html.basic constant.character.entity.html",settings:{foreground:"#EBCB8B"}},{name:"[HTML] Constant Other Inline-Data",scope:"text.html.basic constant.other.inline-data",settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[HTML] Meta Tag SGML Doctype",scope:"text.html.basic meta.tag.sgml.doctype",settings:{foreground:"#5E81AC"}},{name:"[HTML] Punctuation Definition Entity",scope:"text.html.basic punctuation.definition.entity",settings:{foreground:"#81A1C1"}},{name:"[INI] Entity Name Section Group-Title",scope:"source.properties entity.name.section.group-title.ini",settings:{foreground:"#88C0D0"}},{name:"[INI] Punctuation Separator Key-Value",scope:"source.properties punctuation.separator.key-value.ini",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Fenced Code Block",scope:["text.html.markdown markup.fenced_code.block","text.html.markdown markup.fenced_code.block punctuation.definition"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Heading",scope:"markup.heading",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Inline",scope:["text.html.markdown markup.inline.raw","text.html.markdown markup.inline.raw punctuation.definition.raw"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Italic",scope:"text.html.markdown markup.italic",settings:{fontStyle:"italic"}},{name:"[Markdown] Markup Link",scope:"text.html.markdown markup.underline.link",settings:{fontStyle:"underline"}},{name:"[Markdown] Markup List Numbered/Unnumbered",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown beginning.punctuation.definition.quote",settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown markup.quote",settings:{foreground:"#616E88"}},{name:"[Markdown] Markup Math Constant",scope:"text.html.markdown constant.character.math.tex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Math Definition Marker",scope:["text.html.markdown punctuation.definition.math.begin","text.html.markdown punctuation.definition.math.end"],settings:{foreground:"#5E81AC"}},{name:"[Markdown] Markup Math Function Definition Marker",scope:"text.html.markdown punctuation.definition.function.math.tex",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Math Operator",scope:"text.html.markdown punctuation.math.operator.latex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Heading",scope:"text.html.markdown punctuation.definition.heading",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Constant/String",scope:["text.html.markdown punctuation.definition.constant","text.html.markdown punctuation.definition.string"],settings:{foreground:"#81A1C1"}},{name:"[Markdown] String Other Link Description/Title",scope:["text.html.markdown constant.other.reference.link","text.html.markdown string.other.link.description","text.html.markdown string.other.link.title"],settings:{foreground:"#88C0D0"}},{name:"[Perl] Perl Sigils",scope:"source.perl punctuation.definition.variable",settings:{foreground:"#D8DEE9"}},{name:"[PHP] Meta Function-Call Object",scope:["source.php meta.function-call","source.php meta.function-call.object"],settings:{foreground:"#88C0D0"}},{name:"[Python] Decorator",scope:["source.python entity.name.function.decorator","source.python meta.function.decorator support.type"],settings:{foreground:"#D08770"}},{name:"[Python] Function Call",scope:"source.python meta.function-call.generic",settings:{foreground:"#88C0D0"}},{name:"[Python] Support Type",scope:"source.python support.type",settings:{foreground:"#88C0D0"}},{name:"[Python] Function Parameter",scope:["source.python variable.parameter.function.language"],settings:{foreground:"#D8DEE9"}},{name:"[Python] Function Parameter Special",scope:["source.python meta.function.parameters variable.parameter.function.language.special.self"],settings:{foreground:"#81A1C1"}},{name:"[Rust] Entity types",scope:"source.rust entity.name.type",settings:{foreground:"#8FBCBB"}},{name:"[Rust] Macro",scope:"source.rust meta.macro entity.name.function",settings:{fontStyle:"bold",foreground:"#88C0D0"}},{name:"[Rust] Attributes",scope:["source.rust meta.attribute","source.rust meta.attribute punctuation","source.rust meta.attribute keyword.operator"],settings:{foreground:"#5E81AC"}},{name:"[Rust] Traits",scope:"source.rust entity.name.type.trait",settings:{fontStyle:"bold"}},{name:"[Rust] Interpolation Bracket Curly",scope:"source.rust punctuation.definition.interpolation",settings:{foreground:"#EBCB8B"}},{name:"[SCSS] Punctuation Definition Interpolation Bracket Curly",scope:["source.css.scss punctuation.definition.interpolation.begin.bracket.curly","source.css.scss punctuation.definition.interpolation.end.bracket.curly"],settings:{foreground:"#81A1C1"}},{name:"[SCSS] Variable Interpolation",scope:"source.css.scss variable.interpolation",settings:{foreground:"#D8DEE9",fontStyle:"italic"}},{name:"[TypeScript] Decorators",scope:["source.ts punctuation.decorator","source.ts meta.decorator variable.other.readwrite","source.ts meta.decorator entity.name.function","source.tsx punctuation.decorator","source.tsx meta.decorator variable.other.readwrite","source.tsx meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[TypeScript] Object-literal keys",scope:["source.ts meta.object-literal.key","source.tsx meta.object-literal.key"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Object-literal functions",scope:["source.ts meta.object-literal.key entity.name.function","source.tsx meta.object-literal.key entity.name.function"],settings:{foreground:"#88C0D0"}},{name:"[TypeScript] Type/Class",scope:["source.ts support.class","source.ts support.type","source.ts entity.name.type","source.ts entity.name.class","source.tsx support.class","source.tsx support.type","source.tsx entity.name.type","source.tsx entity.name.class"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Static Class Support",scope:["source.ts support.constant.math","source.ts support.constant.dom","source.ts support.constant.json","source.tsx support.constant.math","source.tsx support.constant.dom","source.tsx support.constant.json"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Variables",scope:["source.ts support.variable","source.tsx support.variable"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Parentheses in Template Strings",scope:["source.ts meta.embedded.line meta.brace.square","source.ts meta.embedded.line meta.brace.round","source.tsx meta.embedded.line meta.brace.square","source.tsx meta.embedded.line meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[XML] Entity Name Tag Namespace",scope:"text.xml entity.name.tag.namespace",settings:{foreground:"#8FBCBB"}},{name:"[XML] Keyword Other Doctype",scope:"text.xml keyword.other.doctype",settings:{foreground:"#5E81AC"}},{name:"[XML] Meta Tag Preprocessor",scope:"text.xml meta.tag.preprocessor entity.name.tag",settings:{foreground:"#5E81AC"}},{name:"[XML] Entity Name Tag Namespace",scope:["text.xml string.unquoted.cdata","text.xml string.unquoted.cdata punctuation.definition.string"],settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[YAML] Entity Name Tag",scope:"source.yaml entity.name.tag",settings:{foreground:"#8FBCBB"}}]},autoImport:!0,showCopyButton:!0,skipLanguages:[],filepath:"/Users/bytedance/modern.js/website/module-tools/docs/zh/api/config/build-config.md"},l={sidebar_position:1},p=[{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:"copypatterns",text:"copy.patterns",depth:3},{id:"copyoptions",text:"copy.options",depth:3},{id:"define",text:"define",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:"metafile",text:"metafile",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:"tailwindcss",text:"tailwindcss",depth:3},{id:"target",text:"target",depth:2},{id:"umdglobals",text:"umdGlobals",depth:2},{id:"umdmodulename",text:"umdModuleName",depth:2}],i="BuildConfig",d="\"---\\nsidebar_position: 1\\n---\\n\\n# BuildConfig\\n\\n\u672c\u7ae0\u8282\u63cf\u8ff0\u4e86 Module Tools \u5173\u4e8e\u6784\u5efa\u7684\u6240\u6709\u914d\u7f6e\\n\\n## alias\\n\\n- \u7c7b\u578b\uff1a`Record<string, string> | Function`\\n- \u9ed8\u8ba4\u503c\uff1a`{'@': 'src',}`\\n\\n:::tip\\n\u5bf9\u4e8e TypeScript \u9879\u76ee\uff0c\u53ea\u9700\u8981\u5728 `tsconfig.json` \u4e2d\u914d\u7f6e [compilerOptions.paths](https://www.typescriptlang.org/tsconfig#paths), Module Tools \u4f1a\u81ea\u52a8\u8bc6\u522b `tsconfig.json` \u91cc\u7684\u522b\u540d\uff0c\u56e0\u6b64\u4e0d\u9700\u8981\u989d\u5916\u914d\u7f6e `alias` \u5b57\u6bb5\u3002\\n:::\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    alias: {\\n      '@common': './src/common',\\n    },\\n  },\\n});\\n```\\n\\n\u4ee5\u4e0a\u914d\u7f6e\u5b8c\u6210\u540e\uff0c\u5982\u679c\u5728\u4ee3\u7801\u4e2d\u5f15\u7528 `@common/Foo.tsx`, \u5219\u4f1a\u6620\u5c04\u5230 `<root>/src/common/Foo.tsx` \u8def\u5f84\u4e0a\u3002\\n\\n`alias` \u7684\u503c\u5b9a\u4e49\u4e3a\u51fd\u6570\u65f6\uff0c\u53ef\u4ee5\u63a5\u53d7\u9884\u8bbe\u7684 alias \u5bf9\u8c61\uff0c\u5e76\u5bf9\u5176\u8fdb\u884c\u4fee\u6539\u3002\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    alias: alias => {\\n      alias['@common'] = './src/common';\\n    },\\n  },\\n});\\n```\\n\\n\u4e5f\u53ef\u4ee5\u5728\u51fd\u6570\u4e2d\u8fd4\u56de\u4e00\u4e2a\u65b0\u5bf9\u8c61\u4f5c\u4e3a\u6700\u7ec8\u7ed3\u679c\uff0c\u65b0\u5bf9\u8c61\u4f1a\u8986\u76d6\u9884\u8bbe\u7684 alias \u5bf9\u8c61\u3002\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    alias: alias => {\\n      return {\\n        '@common': './src/common',\\n      };\\n    },\\n  },\\n});\\n```\\n\\n## asset\\n\\n### path\\n\\n\u9759\u6001\u8d44\u6e90\u8f93\u51fa\u8def\u5f84\uff0c\u4f1a\u57fa\u4e8e [outDir](/api/config/build-config#outDir) \u8fdb\u884c\u8f93\u51fa\u3002\\n\\n- \u7c7b\u578b\uff1a `string`\\n- \u9ed8\u8ba4\u503c\uff1a `assets`\\n\\n### limit\\n\\n\u6253\u5305\u65f6\u81ea\u52a8\u5185\u8054\u9759\u6001\u8d44\u6e90\u7684\u9608\u503c\uff0c\u5c0f\u4e8e 10KB \u7684\u8d44\u6e90\u4f1a\u88ab\u81ea\u52a8\u5185\u8054\u8fdb bundle \u4ea7\u7269\u4e2d\u3002\\n\\n- \u7c7b\u578b\uff1a `number`\\n- \u9ed8\u8ba4\u503c\uff1a `10 * 1024`\\n\\n### publicPath\\n\\n\u6253\u5305\u65f6\u7ed9\u672a\u5185\u8054\u8d44\u6e90\u7684 CDN \u524d\u7f00\u3002\\n\\n- \u7c7b\u578b\uff1a `string`\\n- \u9ed8\u8ba4\u503c\uff1a `undefined`\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    asset: {\\n      publicPath: 'https://xxx/',\\n    },\\n  },\\n});\\n```\\n\\n\u6b64\u65f6\uff0c\u6240\u6709\u9759\u6001\u8d44\u6e90\u90fd\u4f1a\u6dfb\u52a0 `https://xxx/` \u524d\u7f00\u3002\\n\\n### svgr\\n\\n\u6253\u5305\u65f6\u5c06 svg \u4f5c\u4e3a\u4e00\u4e2a React \u7ec4\u4ef6\u5904\u7406\uff0coptions \u53c2\u8003 [svgr](https://react-svgr.com/docs/options/)\uff0c\u53e6\u5916\u8fd8\u652f\u6301\u4e86 `include` \u548c `exclude` \u4e24\u4e2a\u914d\u7f6e\u9879\uff0c\u7528\u4e8e\u5339\u914d\u9700\u8981\u5904\u7406\u7684 svg \u6587\u4ef6\u3002\\n\\n- \u7c7b\u578b\uff1a `boolean | Object`\\n- \u9ed8\u8ba4\u503c\uff1a `false`\\n\\n:::tip\\n\u5f00\u542f svgr \u540e\uff0c\u4ecd\u7136\u4f7f\u7528 default export \u5bfc\u51fa svg\uff0c\u6240\u4ee5\u4f60\u53ea\u80fd\u5bfc\u5165\u9ed8\u8ba4\u503c\u3002\\n\\n```js index.ts\\n// true\\nimport logo from './logo.svg';\\n\\n// false\\nimport { ReactComponent } from './logo.svg';\\n```\\n\\n:::\\n\\n#### include\\n\\n\u8bbe\u5b9a\u5339\u914d\u7684 svg \u6587\u4ef6\\n\\n- \u7c7b\u578b\uff1a `string | RegExp | (string | RegExp)[]`\\n- \u9ed8\u8ba4\u503c\uff1a `/\\\\.svg$/`\\n\\n#### exclude\\n\\n\u8bbe\u5b9a\u4e0d\u5339\u914d\u7684 svg \u6587\u4ef6\\n\\n- \u7c7b\u578b\uff1a `string | RegExp | (string | RegExp)[]`\\n- \u9ed8\u8ba4\u503c\uff1a `undefined`\\n\\n## autoExternal\\n\\n\u81ea\u52a8\u5916\u7f6e\u9879\u76ee\u7684 `\\\"dependencies\\\"` \u548c `\\\"peerDependencies\\\"`\uff0c\u4e0d\u4f1a\u5c06\u5176\u6253\u5305\u5230\u6700\u7ec8\u7684 bundle \u4ea7\u7269\u4e2d\u3002\\n\\n- \u7c7b\u578b\uff1a `boolean | Object`\\n- \u9ed8\u8ba4\u503c\uff1a `true`\\n\\n### dependencies\\n\\n\u662f\u5426\u9700\u8981\u5916\u7f6e\u9879\u76ee\u7684 `\\\"dependencies\\\"` \u4f9d\u8d56\u3002\\n\\n- \u7c7b\u578b\uff1a `boolean`\\n- \u9ed8\u8ba4\u503c\uff1a `true`\\n\\n### peerDependencies\\n\\n\u662f\u5426\u9700\u8981\u5916\u7f6e\u9879\u76ee\u7684 `\\\"peerDependencies\\\"` \u4f9d\u8d56\u3002\\n\\n- \u7c7b\u578b\uff1a `boolean`\\n- \u9ed8\u8ba4\u503c\uff1a `true`\\n\\n## buildType\\n\\n\u6784\u5efa\u7c7b\u578b\uff0c`bundle` \u4f1a\u6253\u5305\u4f60\u7684\u4ee3\u7801\uff0c`bundleless` \u53ea\u505a\u4ee3\u7801\u7684\u8f6c\u6362\u3002\\n\\n- \u7c7b\u578b\uff1a `'bundle' | 'bundleless'`\\n- \u9ed8\u8ba4\u503c\uff1a `bundle`\\n\\n## copy\\n\\n\u5c06\u6587\u4ef6\u6216\u76ee\u5f55\u62f7\u8d1d\u5230\u6307\u5b9a\u4f4d\u7f6e\u3002\\n\\n- \u7c7b\u578b\uff1a `Object`\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    copy: {\\n      patterns: [{ from: './src/assets', to: '' }],\\n    },\\n  },\\n});\\n```\\n\\n### `copy.patterns`\\n\\n- \u7c7b\u578b\uff1a `CopyPattern[]`\\n- \u9ed8\u8ba4\u503c\uff1a `[]`\\n\\n```ts\\nexport interface CopyPattern {\\n  from: string;\\n  to?: string;\\n  context?: string;\\n  globOptions?: globby.GlobbyOptions;\\n}\\n```\\n\\n### copy.options\\n\\n- \u7c7b\u578b\uff1a `Object`\\n- \u9ed8\u8ba4\u503c\uff1a `{ concurrency: 100, enableCopySync: false }`\\n\\n```ts\\ntype Options = {\\n  concurrency?: number;\\n  enableCopySync?: boolean;\\n};\\n```\\n\\n- `concurrency`: \u6307\u5b9a\u5e76\u884c\u6267\u884c\u591a\u5c11\u4e2a\u590d\u5236\u4efb\u52a1\u3002\\n- `enableCopySync`: \u4f7f\u7528 [`fs.copySync`](https://github.com/jprichardson/node-fs-extra/blob/master/lib/copy/copy-sync.js)\uff0c\u9ed8\u8ba4\u60c5\u51b5\u4e0b [`fs.copy`](https://github.com/jprichardson/node-fs-extra/blob/master/lib/copy/copy.js)\u3002\\n\\n## define\\n\\n\u5b9a\u4e49\u5168\u5c40\u53d8\u91cf\uff0c\u4f1a\u88ab\u6ce8\u5165\u5230\u4ee3\u7801\u4e2d\\n\\n- \u7c7b\u578b\uff1a `Record<string, string>`\\n- \u9ed8\u8ba4\u503c\uff1a `{}`\\n\\n\u7531\u4e8e `define` \u529f\u80fd\u662f\u7531\u5168\u5c40\u6587\u672c\u66ff\u6362\u5b9e\u73b0\u7684\uff0c\u6240\u4ee5\u9700\u8981\u4fdd\u8bc1\u5168\u5c40\u53d8\u91cf\u503c\u4e3a\u5b57\u7b26\u4e32\uff0c\u66f4\u4e3a\u5b89\u5168\u7684\u505a\u6cd5\u662f\u5c06\u6bcf\u4e2a\u5168\u5c40\u53d8\u91cf\u7684\u503c\u8f6c\u5316\u4e3a\u5b57\u7b26\u4e32\uff0c\u4f7f\u7528 `JSON.stringify` \u8fdb\u884c\u8f6c\u6362\uff0c\u5982\u4e0b\u6240\u793a\uff1a\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    define: {\\n      VERSION: JSON.stringify('1.0'),\\n    },\\n  },\\n});\\n```\\n\\n:::tip\\n\u4e3a\u4e86\u9632\u6b62\u5168\u5c40\u66ff\u6362\u66ff\u6362\u8fc7\u5ea6\uff0c\u5efa\u8bae\u4f7f\u7528\u65f6\u9075\u5faa\u4ee5\u4e0b\u4e24\u4e2a\u539f\u5219\uff1a\\n\\n- \u5168\u5c40\u5e38\u91cf\u4f7f\u7528\u5927\u5199\\n- \u81ea\u5b9a\u4e49\u5168\u5c40\u5e38\u91cf\u524d\u7f00\u540e\u7f00\uff0c\u786e\u4fdd\u72ec\u4e00\u65e0\u4e8c\\n\\n:::\\n\\n## dts\\n\\n\u7c7b\u578b\u6587\u4ef6\u751f\u6210\u7684\u76f8\u5173\u914d\u7f6e\uff0c\u9ed8\u8ba4\u4f1a\u751f\u6210\u3002\\n\\n- \u7c7b\u578b\uff1a `false | Object`\\n- \u9ed8\u8ba4\u503c\uff1a `{}`\\n\\n### tsconfigPath\\n\\nTypeScript \u914d\u7f6e\u6587\u4ef6\u7684\u8def\u5f84\u3002\\n\\n- \u7c7b\u578b\uff1a `string`\\n- \u9ed8\u8ba4\u503c\uff1a `./tsconfig.json`\\n\\n### distPath\\n\\n\u7c7b\u578b\u6587\u4ef6\u7684\u8f93\u51fa\u8def\u5f84\uff0c\u57fa\u4e8e [outDir](/api/config/build-config#outDir) \u8fdb\u884c\u8f93\u51fa\u3002\\n\\n- \u7c7b\u578b: `string`\\n- \u9ed8\u8ba4\u503c: `./types`\\n\\n### only\\n\\n\u53ea\u751f\u6210\u7c7b\u578b\u6587\u4ef6\uff0c\u4e0d\u751f\u6210 js \u6587\u4ef6\u3002\\n\\n- \u7c7b\u578b\uff1a `boolean`\\n- \u9ed8\u8ba4\u503c\uff1a `false`\\n\\n## externals\\n\\n\u914d\u7f6e\u5916\u90e8\u4f9d\u8d56\uff0c\u4e0d\u4f1a\u88ab\u6253\u5305\u5230\u6700\u7ec8\u7684 bundle \u4e2d\u3002\\n\\n- \u7c7b\u578b\uff1a `(string | RegExp)[]`\\n- \u9ed8\u8ba4\u503c\uff1a `[]`\\n\\n## format\\n\\njs \u4ea7\u7269\u8f93\u51fa\u7684\u683c\u5f0f,\u5176\u4e2d `iife` \u548c `umd` \u53ea\u80fd\u5728 `buildType` \u4e3a `bundle` \u65f6\u751f\u6548\u3002\\n\\n- \u7c7b\u578b\uff1a `'esm' | 'cjs' | 'iife' | 'umd'`\\n- \u9ed8\u8ba4\u503c\uff1a `cjs`\\n\\n## input\\n\\n\u6307\u5b9a\u6784\u5efa\u7684\u5165\u53e3\u6587\u4ef6\uff0c\u6570\u7ec4\u5f62\u5f0f\u53ef\u4ee5\u6307\u5b9a\u76ee\u5f55\u3002\\n\\n- \u7c7b\u578b\uff1a `string[] | Record<string, string>`\\n- \u9ed8\u8ba4\u503c\uff1a `bundle` \u6a21\u5f0f\u4e0b\u9ed8\u8ba4\u4e3a `['src/index.ts']`\uff0c`bundleless` \u6a21\u5f0f\u4e0b\u9ed8\u8ba4\u4e3a `['src']`\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    input: ['src/index.ts', 'src/index2.ts'],\\n  },\\n});\\n```\\n\\n## jsx\\n\\n\u6307\u5b9a jsx \u7684\u7f16\u8bd1\u65b9\u5f0f, \u9ed8\u8ba4\u652f\u6301 React17 \u4ee5\u4e0a,\u81ea\u52a8\u6ce8\u5165 jsx \u8fd0\u884c\u65f6\u4ee3\u7801\u3002\\n\\n- \u7c7b\u578b\uff1a `automatic | classic`\\n- \u9ed8\u8ba4\u503c\uff1a `automatic`\\n\\n## metafile\\n\\nesbuild \u4ee5 JSON \u683c\u5f0f\u751f\u6210\u6709\u5173\u6784\u5efa\u7684\u4e00\u4e9b\u5143\u6570\u636e\uff0c\u53ef\u4ee5\u901a\u8fc7\u4f8b\u5982 [bundle-buddy](https://bundle-buddy.com/esbuild) \u7684\u5de5\u5177\u53ef\u89c6\u5316\\n\\n- type: `boolean`\\n- default: `false`\\n\\n## minify\\n\\n\u4f7f\u7528 esbuild \u6216\u8005 terser \u538b\u7f29\u4ee3\u7801\uff0c\u4e5f\u53ef\u4ee5\u4f20\u5165 [terserOptions](https://github.com/terser/terser#minify-options)\u3002\\n\\n- \u7c7b\u578b\uff1a `'terser' | 'esbuild' | false | Object`\\n- \u9ed8\u8ba4\u503c\uff1a `false`\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    minify: {\\n      compress: {\\n        drop_console: true,\\n      },\\n    },\\n  },\\n});\\n```\\n\\n## outDir\\n\\n\u6307\u5b9a\u6784\u5efa\u7684\u8f93\u51fa\u76ee\u5f55\\n\\n- \u7c7b\u578b: `string`\\n- \u9ed8\u8ba4\u503c: `dist`\\n\\n## platform\\n\\n\u9ed8\u8ba4\u751f\u6210\u7528\u4e8e Node.js \u73af\u5883\u4e0b\u7684\u4ee3\u7801\uff0c\u4f60\u4e5f\u53ef\u4ee5\u6307\u5b9a\u4e3a `browser`\uff0c\u4f1a\u751f\u6210\u7528\u4e8e\u6d4f\u89c8\u5668\u73af\u5883\u7684\u4ee3\u7801\u3002\\n\\n- \u7c7b\u578b\uff1a `'browser' | 'node'`\\n- \u9ed8\u8ba4\u503c\uff1a `node`\\n\\n## sourceDir\\n\\n\u6307\u5b9a\u6784\u5efa\u7684\u6e90\u7801\u76ee\u5f55,\u9ed8\u8ba4\u4e3a `src`\uff0c\u7528\u4e8e\u5728 `bundleless` \u6784\u5efa\u65f6\u57fa\u4e8e\u6e90\u7801\u76ee\u5f55\u7ed3\u6784\u751f\u6210\u5bf9\u5e94\u7684\u4ea7\u7269\u76ee\u5f55\u3002\\n\\n- \u7c7b\u578b\uff1a `string`\\n- \u9ed8\u8ba4\u503c\uff1a `src`\\n\\n## sourceMap\\n\\n\u63a7\u5236 sourceMap \u5982\u4f55\u751f\u6210\u3002\\n\\n- \u7c7b\u578b\uff1a `boolean | 'inline' | 'external'`\\n- \u9ed8\u8ba4\u503c\uff1a `false`\\n\\n## splitting\\n\\n\u662f\u5426\u5f00\u542f\u4ee3\u7801\u5206\u5272\u3002\\n\\n- \u7c7b\u578b\uff1a `boolean`\\n- \u9ed8\u8ba4\u503c\uff1a `false`\\n\\n## style\\n\\n\u914d\u7f6e\u6837\u5f0f\u76f8\u5173\u7684\u914d\u7f6e\u3002\\n\\n### less\\n\\nless \u76f8\u5173\u914d\u7f6e\u3002\\n\\n#### lessOptions\\n\\n\u8be6\u7ec6\u914d\u7f6e\u53c2\u8003 [less](https://less.bootcss.com/usage/#less-options)\u3002\\n\\n- \u7c7b\u578b\uff1a `Object`\\n- \u9ed8\u8ba4\u503c\uff1a `{ javascriptEnabled: true }`\\n\\n#### additionalData\\n\\n\u5728\u5165\u53e3\u6587\u4ef6\u8d77\u59cb\u6dfb\u52a0 `Less` \u4ee3\u7801\u3002\\n\\n- \u7c7b\u578b\uff1a `string`\\n- \u9ed8\u8ba4\u503c\uff1a `undefined`\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    style: {\\n      less: {\\n        additionalData: `@base-color: #c6538c;`,\\n      },\\n    },\\n  },\\n});\\n```\\n\\n#### implementation\\n\\n\u914d\u7f6e `Less` \u4f7f\u7528\u7684\u5b9e\u73b0\u5e93\uff0c\u5728\u4e0d\u6307\u5b9a\u7684\u60c5\u51b5\u4e0b\uff0c\u4f7f\u7528\u7684\u5185\u7f6e\u7248\u672c\u662f `4.1.3`\u3002\\n\\n- \u7c7b\u578b\uff1a `string | Object`\\n- \u9ed8\u8ba4\u503c\uff1a `undefined`\\n\\n`Object` \u7c7b\u578b\u65f6\uff0c\u6307\u5b9a `Less` \u7684\u5b9e\u73b0\u5e93\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    style: {\\n      less: {\\n        implementation: require('less'),\\n      },\\n    },\\n  },\\n});\\n```\\n\\n`string` \u7c7b\u578b\u65f6\uff0c\u6307\u5b9a `Less` \u7684\u5b9e\u73b0\u5e93\u7684\u8def\u5f84\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    style: {\\n      less: {\\n        implementation: require.resolve('less'),\\n      },\\n    },\\n  },\\n});\\n```\\n\\n### sass\\n\\nSass \u76f8\u5173\u914d\u7f6e\u3002\\n\\n#### sassOptions\\n\\n\u8be6\u7ec6\u914d\u7f6e\u53c2\u8003 [node-sass](https://github.com/sass/node-sass#options)\\n\\n- \u7c7b\u578b\uff1a `Object`\\n- \u9ed8\u8ba4\u503c\uff1a `{}`\\n\\n#### additionalData\\n\\n\u5728\u5165\u53e3\u6587\u4ef6\u8d77\u59cb\u6dfb\u52a0 `Sass` \u4ee3\u7801\u3002\\n\\n- \u7c7b\u578b\uff1a `string | Function`\\n- \u9ed8\u8ba4\u503c\uff1a `undefined`\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    style: {\\n      sass: {\\n        additionalData: `$base-color: #c6538c;\\n          $border-dark: rgba($base-color, 0.88);`,\\n      },\\n    },\\n  },\\n});\\n```\\n\\n#### implementation\\n\\n\u914d\u7f6e `Sass` \u4f7f\u7528\u7684\u5b9e\u73b0\u5e93\uff0c\u5728\u4e0d\u6307\u5b9a\u7684\u60c5\u51b5\u4e0b\uff0c\u4f7f\u7528\u7684\u5185\u7f6e\u7248\u672c\u662f `1.5.4`\u3002\\n\\n- \u7c7b\u578b\uff1a `string | Object`\\n- \u9ed8\u8ba4\u503c\uff1a `undefined`\\n\\n`Object` \u7c7b\u578b\u65f6\uff0c\u6307\u5b9a `Sass` \u7684\u5b9e\u73b0\u5e93\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    style: {\\n      sass: {\\n        implementation: require('sass'),\\n      },\\n    },\\n  },\\n});\\n```\\n\\n`string` \u7c7b\u578b\u65f6\uff0c\u6307\u5b9a `Sass` \u7684\u5b9e\u73b0\u5e93\u7684\u8def\u5f84\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    style: {\\n      sass: {\\n        implementation: require.resolve('sass'),\\n      },\\n    },\\n  },\\n});\\n```\\n\\n### postcss\\n\\n- plugins\\n- processOptions\\n\\n\u8be6\u7ec6\u914d\u7f6e\u67e5\u770b [postcss](https://github.com/postcss/postcss#options)\u3002\\n\\n### inject\\n\\n\u914d\u7f6e\u6253\u5305\u6a21\u5f0f\u4e0b\u662f\u5426\u5c06 style \u63d2\u5165\u5230 js \u4e2d\\n\\n- \u7c7b\u578b\uff1a `boolean`\\n- \u9ed8\u8ba4\u503c\uff1a `false`\\n\\n### autoModules\\n\\n\u6839\u636e\u6587\u4ef6\u540d\u81ea\u52a8\u542f\u7528 CSS Modules\u3002\\n\\n- \u7c7b\u578b\uff1a `boolean | RegExp`\\n- \u9ed8\u8ba4\u503c\uff1a `true`\\n\\n`true` : \u4e3a\u4ee5 `.module.css` `.module.less` `.module.scss` `.module.sass` \u6587\u4ef6\u540d\u7ed3\u5c3e\u7684\u6837\u5f0f\u6587\u4ef6\u542f\u7528 CSS Modules\u3002\\n\\n`false` : \u7981\u7528 CSS Modules.\\n\\n`RegExp` : \u4e3a\u5339\u914d\u6b63\u5219\u6761\u4ef6\u7684\u6240\u6709\u6587\u4ef6\u542f\u7528 CSS Modules.\\n\\n### modules\\n\\nCSS Modules \u914d\u7f6e\\n\\n- \u7c7b\u578b\uff1a `Object`\\n- \u9ed8\u8ba4\u503c\uff1a `{}`\\n\\n\u4e00\u4e2a\u5e38\u7528\u7684\u914d\u7f6e\u662f `localsConvention`\uff0c\u5b83\u53ef\u4ee5\u6539\u53d8 CSS Modules \u7684\u7c7b\u540d\u751f\u6210\u89c4\u5219\u3002\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    style: {\\n      modules: {\\n        localsConvention: 'camelCaseOnly',\\n      },\\n    },\\n  },\\n});\\n```\\n\\n\u5bf9\u4e8e\u4ee5\u4e0b\u6837\u5f0f\uff1a\\n\\n```css\\n.box-title {\\n  color: red;\\n}\\n```\\n\\n\u4f60\u53ef\u4ee5\u4f7f\u7528 `styles.boxTitle` \u6765\u8bbf\u95ee\\n\\n\u8be6\u7ec6\u914d\u7f6e\u67e5\u770b [postcss-modules](https://github.com/madyankin/postcss-modules#usage)\\n\\n### tailwindcss\\n\\nTailwind CSS \u76f8\u5173\u914d\u7f6e\u3002\\n\\n- \u7c7b\u578b\uff1a `Object | Function`\\n- \u9ed8\u8ba4\u503c\uff1a `\u89c1\u4e0b\u65b9\u914d\u7f6e\u8be6\u60c5`\\n\\n<details>\\n  <summary>Tailwind CSS \u914d\u7f6e\u8be6\u60c5</summary>\\n\\n```js modern.config.ts\\nconst tailwind = {\\n  content: [\\n    './config/html/**/*.html',\\n    './config/html/**/*.ejs',\\n    './config/html/**/*.hbs',\\n    './src/**/*.js',\\n    './src/**/*.jsx',\\n    './src/**/*.ts',\\n    './src/**/*.tsx',\\n    './storybook/**/*',\\n  ],\\n};\\n```\\n\\n\u503c\u4e3a `Object` \u7c7b\u578b\u65f6\uff0c\u4e0e\u9ed8\u8ba4\u914d\u7f6e\u901a\u8fc7 `Object.assign` \u5408\u5e76\u3002\\n\\n\u503c\u4e3a `Function` \u7c7b\u578b\u65f6\uff0c\u51fd\u6570\u8fd4\u56de\u7684\u5bf9\u8c61\u4e0e\u9ed8\u8ba4\u914d\u7f6e\u901a\u8fc7 `Object.assign` \u5408\u5e76\u3002\\n\\n\u4e0d\u5141\u8bb8\u51fa\u73b0 `theme` \u5c5e\u6027\uff0c\u5426\u5219\u4f1a\u6784\u5efa\u5931\u8d25, \u4f7f\u7528 [`designSystem`](/api/config/design-system) \u4f5c\u4e3a `Tailwind CSS Theme` \u914d\u7f6e\u3002\\n\\n\u5176\u4ed6\u7684\u4f7f\u7528\u65b9\u5f0f\u548c Tailwind CSS \u4e00\u81f4: [\u5feb\u901f\u4f20\u9001\u95e8](https://tailwindcss.com/docs/configuration)\u3002\\n\\n## target\\n\\n\u6307\u5b9a\u6784\u5efa\u7684\u76ee\u6807\u73af\u5883\\n\\n- \u7c7b\u578b\uff1a `'es5' | 'es6' | 'es2015' | 'es2016' | 'es2017' | 'es2018' | 'es2019' | 'es2020' | 'es2021' | 'es2022' | 'esnext'`\\n- \u9ed8\u8ba4\u503c\uff1a `'es6'`\\n\\n## umdGlobals\\n\\n\u6307\u5b9a UMD \u4ea7\u7269\u5916\u90e8\u5bfc\u5165\u7684\u5168\u5c40\u53d8\u91cf\u3002\\n\\n- \u7c7b\u578b\uff1a `Record<string, string>`\\n- \u9ed8\u8ba4\u503c\uff1a `{}`\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    umdGlobals: {\\n      react: 'React',\\n      'react-dom': 'ReactDOM',\\n    },\\n  },\\n});\\n```\\n\\n\u6b64\u65f6\uff0c`react` \u548c `react-dom` \u4f1a\u88ab\u770b\u505a\u662f\u5916\u90e8\u5bfc\u5165\u7684\u5168\u5c40\u53d8\u91cf\uff0c\u4e0d\u4f1a\u88ab\u6253\u5305\u8fdb UMD \u4ea7\u7269\u4e2d\uff0c\u800c\u662f\u901a\u8fc7 `global.React` \u548c `global.ReactDOM` \u7684\u65b9\u5f0f\u8fdb\u884c\u8bbf\u95ee\u3002\\n\\n## umdModuleName\\n\\n\u6307\u5b9a UMD \u4ea7\u7269\u7684\u6a21\u5757\u540d\u3002\\n\\n- \u7c7b\u578b\uff1a `string` | `Function`\\n- \u9ed8\u8ba4\u503c\uff1a `name => name`\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    format: 'umd',\\n    umdModuleName: 'myLib',\\n  },\\n});\\n```\\n\\n\u6b64\u65f6 UMD \u4ea7\u7269\u4f1a\u53bb\u6302\u8f7d\u5230 `global.myLib` \u4e0a\u3002\\n\\n:::tip\\n\\n- \u9700\u8981\u9075\u5b88 UMD \u89c4\u8303\uff0cUMD \u4ea7\u7269\u7684\u6a21\u5757\u540d\u4e0d\u80fd\u548c\u5168\u5c40\u53d8\u91cf\u540d\u51b2\u7a81\\n- \u6a21\u5757\u540d\u4e0d\u80fd\u542b\u6709 `-`\uff0c`@`\uff0c`/` \u7b49\u7279\u6b8a\u5b57\u7b26\\n\\n:::\\n\\n\u540c\u65f6\u51fd\u6570\u5f62\u5f0f\u53ef\u4ee5\u63a5\u6536\u4e00\u4e2a\u53c2\u6570\uff0c\u4e3a\u5f53\u524d\u6253\u5305\u6587\u4ef6\u7684\u8f93\u51fa\u8def\u5f84\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    format: 'umd',\\n    umdModuleName: path => {\\n      if (path.includes('index')) {\\n        return 'myLib';\\n      } else {\\n        return 'myLib2';\\n      }\\n    },\\n  },\\n});\\n```\\n\"";function a(o){const e=Object.assign({h1:"h1",a:"a",p:"p",h2:"h2",ul:"ul",li:"li",code:"code",div:"div",h3:"h3",h4:"h4"},o.components);return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(e.h1,{id:"buildconfig",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#buildconfig",children:"#"}),"BuildConfig"]}),"\n",(0,t.jsx)(e.p,{children:"\u672c\u7ae0\u8282\u63cf\u8ff0\u4e86 Module Tools \u5173\u4e8e\u6784\u5efa\u7684\u6240\u6709\u914d\u7f6e"}),"\n",(0,t.jsxs)(e.h2,{id:"alias",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#alias",children:"#"}),"alias"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a",(0,t.jsx)(e.code,{children:"Record<string, string> | Function"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a",(0,t.jsx)(e.code,{children:"{'@': 'src',}"})]}),"\n"]}),"\n",(0,t.jsxs)(e.div,{className:"modern-directive tip",children:[(0,t.jsx)(e.p,{className:"modern-directive-title",children:"TIP"}),(0,t.jsx)(e.div,{className:"modern-directive-content",children:(0,t.jsxs)(e.p,{children:["\n\u5bf9\u4e8e TypeScript \u9879\u76ee\uff0c\u53ea\u9700\u8981\u5728 ",(0,t.jsx)(e.code,{children:"tsconfig.json"})," \u4e2d\u914d\u7f6e ",(0,t.jsx)(e.a,{href:"https://www.typescriptlang.org/tsconfig#paths-2",target:"_blank",rel:"nofollow",children:"compilerOptions.paths"}),", Module Tools \u4f1a\u81ea\u52a8\u8bc6\u522b ",(0,t.jsx)(e.code,{children:"tsconfig.json"})," \u91cc\u7684\u522b\u540d\uff0c\u56e0\u6b64\u4e0d\u9700\u8981\u989d\u5916\u914d\u7f6e ",(0,t.jsx)(e.code,{children:"alias"}),"\u5b57\u6bb5\u3002"]})})]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.p,{children:["\u4ee5\u4e0a\u914d\u7f6e\u5b8c\u6210\u540e\uff0c\u5982\u679c\u5728\u4ee3\u7801\u4e2d\u5f15\u7528 ",(0,t.jsx)(e.code,{children:"@common/Foo.tsx"}),", \u5219\u4f1a\u6620\u5c04\u5230 ",(0,t.jsx)(e.code,{children:"<root>/src/common/Foo.tsx"})," \u8def\u5f84\u4e0a\u3002"]}),"\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.code,{children:"alias"})," \u7684\u503c\u5b9a\u4e49\u4e3a\u51fd\u6570\u65f6\uff0c\u53ef\u4ee5\u63a5\u53d7\u9884\u8bbe\u7684 alias \u5bf9\u8c61\uff0c\u5e76\u5bf9\u5176\u8fdb\u884c\u4fee\u6539\u3002"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsx)(e.p,{children:"\u4e5f\u53ef\u4ee5\u5728\u51fd\u6570\u4e2d\u8fd4\u56de\u4e00\u4e2a\u65b0\u5bf9\u8c61\u4f5c\u4e3a\u6700\u7ec8\u7ed3\u679c\uff0c\u65b0\u5bf9\u8c61\u4f1a\u8986\u76d6\u9884\u8bbe\u7684 alias \u5bf9\u8c61\u3002"}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.h2,{id:"asset",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#asset",children:"#"}),"asset"]}),"\n",(0,t.jsxs)(e.h3,{id:"path",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#path",children:"#"}),"path"]}),"\n",(0,t.jsxs)(e.p,{children:["\u9759\u6001\u8d44\u6e90\u8f93\u51fa\u8def\u5f84\uff0c\u4f1a\u57fa\u4e8e ",(0,t.jsx)(e.a,{href:"/module-tools/api/config/build-config.html#outdir-8",children:"outDir"})," \u8fdb\u884c\u8f93\u51fa\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"assets"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h3,{id:"limit",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#limit",children:"#"}),"limit"]}),"\n",(0,t.jsx)(e.p,{children:"\u6253\u5305\u65f6\u81ea\u52a8\u5185\u8054\u9759\u6001\u8d44\u6e90\u7684\u9608\u503c\uff0c\u5c0f\u4e8e 10KB \u7684\u8d44\u6e90\u4f1a\u88ab\u81ea\u52a8\u5185\u8054\u8fdb bundle \u4ea7\u7269\u4e2d\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"number"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"10 * 1024"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h3,{id:"publicpath",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#publicpath",children:"#"}),"publicPath"]}),"\n",(0,t.jsx)(e.p,{children:"\u6253\u5305\u65f6\u7ed9\u672a\u5185\u8054\u8d44\u6e90\u7684 CDN \u524d\u7f00\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"undefined"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"    ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.p,{children:["\u6b64\u65f6\uff0c\u6240\u6709\u9759\u6001\u8d44\u6e90\u90fd\u4f1a\u6dfb\u52a0 ",(0,t.jsx)(e.code,{children:"https://xxx/"})," \u524d\u7f00\u3002"]}),"\n",(0,t.jsxs)(e.h3,{id:"svgr",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#svgr",children:"#"}),"svgr"]}),"\n",(0,t.jsxs)(e.p,{children:["\u6253\u5305\u65f6\u5c06 svg \u4f5c\u4e3a\u4e00\u4e2a React \u7ec4\u4ef6\u5904\u7406\uff0coptions \u53c2\u8003 ",(0,t.jsx)(e.a,{href:"https://react-svgr.com/docs/options/",target:"_blank",rel:"nofollow",children:"svgr"}),"\uff0c\u53e6\u5916\u8fd8\u652f\u6301\u4e86 ",(0,t.jsx)(e.code,{children:"include"})," \u548c ",(0,t.jsx)(e.code,{children:"exclude"})," \u4e24\u4e2a\u914d\u7f6e\u9879\uff0c\u7528\u4e8e\u5339\u914d\u9700\u8981\u5904\u7406\u7684 svg \u6587\u4ef6\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"boolean | Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"false"})]}),"\n"]}),"\n",(0,t.jsxs)(e.div,{className:"modern-directive tip",children:[(0,t.jsx)(e.p,{className:"modern-directive-title",children:"TIP"}),(0,t.jsxs)(e.div,{className:"modern-directive-content",children:[(0,t.jsx)(e.p,{children:"\n\u5f00\u542f svgr \u540e\uff0c\u4ecd\u7136\u4f7f\u7528 default export \u5bfc\u51fa svg\uff0c\u6240\u4ee5\u4f60\u53ea\u80fd\u5bfc\u5165\u9ed8\u8ba4\u503c\u3002"}),(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["index.ts"],active:"index.ts",heightRatio:1},files:[{name:"index.ts",focus:"",code:{lines:[{tokens:[{content:"// true",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"logo",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./logo.svg",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"// false",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"ReactComponent",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./logo.svg",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]})]})]}),"\n",(0,t.jsxs)(e.h4,{id:"include",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#include",children:"#"}),"include"]}),"\n",(0,t.jsx)(e.p,{children:"\u8bbe\u5b9a\u5339\u914d\u7684 svg \u6587\u4ef6"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string | RegExp | (string | RegExp)[]"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"/\\.svg$/"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h4,{id:"exclude",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#exclude",children:"#"}),"exclude"]}),"\n",(0,t.jsx)(e.p,{children:"\u8bbe\u5b9a\u4e0d\u5339\u914d\u7684 svg \u6587\u4ef6"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string | RegExp | (string | RegExp)[]"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"undefined"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"autoexternal",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#autoexternal",children:"#"}),"autoExternal"]}),"\n",(0,t.jsxs)(e.p,{children:["\u81ea\u52a8\u5916\u7f6e\u9879\u76ee\u7684 ",(0,t.jsx)(e.code,{children:'"dependencies"'})," \u548c ",(0,t.jsx)(e.code,{children:'"peerDependencies"'}),"\uff0c\u4e0d\u4f1a\u5c06\u5176\u6253\u5305\u5230\u6700\u7ec8\u7684 bundle \u4ea7\u7269\u4e2d\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"boolean | Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"true"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h3,{id:"dependencies",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#dependencies",children:"#"}),"dependencies"]}),"\n",(0,t.jsxs)(e.p,{children:["\u662f\u5426\u9700\u8981\u5916\u7f6e\u9879\u76ee\u7684 ",(0,t.jsx)(e.code,{children:'"dependencies"'})," \u4f9d\u8d56\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"boolean"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"true"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h3,{id:"peerdependencies",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#peerdependencies",children:"#"}),"peerDependencies"]}),"\n",(0,t.jsxs)(e.p,{children:["\u662f\u5426\u9700\u8981\u5916\u7f6e\u9879\u76ee\u7684 ",(0,t.jsx)(e.code,{children:'"peerDependencies"'})," \u4f9d\u8d56\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"boolean"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"true"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"buildtype",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#buildtype",children:"#"}),"buildType"]}),"\n",(0,t.jsxs)(e.p,{children:["\u6784\u5efa\u7c7b\u578b\uff0c",(0,t.jsx)(e.code,{children:"bundle"})," \u4f1a\u6253\u5305\u4f60\u7684\u4ee3\u7801\uff0c",(0,t.jsx)(e.code,{children:"bundleless"})," \u53ea\u505a\u4ee3\u7801\u7684\u8f6c\u6362\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"'bundle' | 'bundleless'"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"bundle"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"copy",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#copy",children:"#"}),"copy"]}),"\n",(0,t.jsx)(e.p,{children:"\u5c06\u6587\u4ef6\u6216\u76ee\u5f55\u62f7\u8d1d\u5230\u6307\u5b9a\u4f4d\u7f6e\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"Object"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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:"copy",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:"patterns",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./src/assets",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"to",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"''",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#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:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.h3,{id:"copypatterns",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#copypatterns",children:"#"}),(0,t.jsx)(e.code,{children:"copy.patterns"})]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"CopyPattern[]"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"[]"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"interface",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"CopyPattern",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  from",props:{style:{color:"#D8DEE9FF"}}},{content:":",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"string",props:{style:{color:"#8FBCBB"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"  to",props:{style:{color:"#D8DEE9FF"}}},{content:"?:",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"string",props:{style:{color:"#8FBCBB"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"  context",props:{style:{color:"#D8DEE9FF"}}},{content:"?:",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"string",props:{style:{color:"#8FBCBB"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"  globOptions",props:{style:{color:"#D8DEE9FF"}}},{content:"?:",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"globby",props:{style:{color:"#8FBCBB"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"GlobbyOptions",props:{style:{color:"#8FBCBB"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,t.jsxs)(e.h3,{id:"copyoptions",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#copyoptions",children:"#"}),"copy.options"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"{ concurrency: 100, enableCopySync: false }"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"type",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"Options",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  concurrency",props:{style:{color:"#D8DEE9FF"}}},{content:"?:",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"number",props:{style:{color:"#8FBCBB"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"  enableCopySync",props:{style:{color:"#D8DEE9FF"}}},{content:"?:",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"boolean",props:{style:{color:"#8FBCBB"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:[(0,t.jsx)(e.code,{children:"concurrency"}),": \u6307\u5b9a\u5e76\u884c\u6267\u884c\u591a\u5c11\u4e2a\u590d\u5236\u4efb\u52a1\u3002"]}),"\n",(0,t.jsxs)(e.li,{children:[(0,t.jsx)(e.code,{children:"enableCopySync"}),": \u4f7f\u7528 ",(0,t.jsx)(e.a,{href:"https://github.com/jprichardson/node-fs-extra/blob/master/lib/copy/copy-sync.js",target:"_blank",rel:"nofollow",children:(0,t.jsx)(e.code,{children:"fs.copySync"})}),"\uff0c\u9ed8\u8ba4\u60c5\u51b5\u4e0b ",(0,t.jsx)(e.a,{href:"https://github.com/jprichardson/node-fs-extra/blob/master/lib/copy/copy.js",target:"_blank",rel:"nofollow",children:(0,t.jsx)(e.code,{children:"fs.copy"})}),"\u3002"]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"define",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#define",children:"#"}),"define"]}),"\n",(0,t.jsx)(e.p,{children:"\u5b9a\u4e49\u5168\u5c40\u53d8\u91cf\uff0c\u4f1a\u88ab\u6ce8\u5165\u5230\u4ee3\u7801\u4e2d"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"Record<string, string>"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"{}"})]}),"\n"]}),"\n",(0,t.jsxs)(e.p,{children:["\u7531\u4e8e ",(0,t.jsx)(e.code,{children:"define"})," \u529f\u80fd\u662f\u7531\u5168\u5c40\u6587\u672c\u66ff\u6362\u5b9e\u73b0\u7684\uff0c\u6240\u4ee5\u9700\u8981\u4fdd\u8bc1\u5168\u5c40\u53d8\u91cf\u503c\u4e3a\u5b57\u7b26\u4e32\uff0c\u66f4\u4e3a\u5b89\u5168\u7684\u505a\u6cd5\u662f\u5c06\u6bcf\u4e2a\u5168\u5c40\u53d8\u91cf\u7684\u503c\u8f6c\u5316\u4e3a\u5b57\u7b26\u4e32\uff0c\u4f7f\u7528 ",(0,t.jsx)(e.code,{children:"JSON.stringify"})," \u8fdb\u884c\u8f6c\u6362\uff0c\u5982\u4e0b\u6240\u793a\uff1a"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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:"define",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:"VERSION",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"JSON",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"stringify",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"1.0",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:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.div,{className:"modern-directive tip",children:[(0,t.jsx)(e.p,{className:"modern-directive-title",children:"TIP"}),(0,t.jsxs)(e.div,{className:"modern-directive-content",children:[(0,t.jsx)(e.p,{children:"\n\u4e3a\u4e86\u9632\u6b62\u5168\u5c40\u66ff\u6362\u66ff\u6362\u8fc7\u5ea6\uff0c\u5efa\u8bae\u4f7f\u7528\u65f6\u9075\u5faa\u4ee5\u4e0b\u4e24\u4e2a\u539f\u5219\uff1a"}),(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u5168\u5c40\u5e38\u91cf\u4f7f\u7528\u5927\u5199"}),"\n",(0,t.jsx)(e.li,{children:"\u81ea\u5b9a\u4e49\u5168\u5c40\u5e38\u91cf\u524d\u7f00\u540e\u7f00\uff0c\u786e\u4fdd\u72ec\u4e00\u65e0\u4e8c"}),"\n"]})]})]}),"\n",(0,t.jsxs)(e.h2,{id:"dts",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#dts",children:"#"}),"dts"]}),"\n",(0,t.jsx)(e.p,{children:"\u7c7b\u578b\u6587\u4ef6\u751f\u6210\u7684\u76f8\u5173\u914d\u7f6e\uff0c\u9ed8\u8ba4\u4f1a\u751f\u6210\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"false | Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"{}"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h3,{id:"tsconfigpath",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#tsconfigpath",children:"#"}),"tsconfigPath"]}),"\n",(0,t.jsx)(e.p,{children:"TypeScript \u914d\u7f6e\u6587\u4ef6\u7684\u8def\u5f84\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"./tsconfig.json"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h3,{id:"distpath",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#distpath",children:"#"}),"distPath"]}),"\n",(0,t.jsxs)(e.p,{children:["\u7c7b\u578b\u6587\u4ef6\u7684\u8f93\u51fa\u8def\u5f84\uff0c\u57fa\u4e8e ",(0,t.jsx)(e.a,{href:"/module-tools/api/config/build-config.html#outdir-9",children:"outDir"})," \u8fdb\u884c\u8f93\u51fa\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b: ",(0,t.jsx)(e.code,{children:"string"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c: ",(0,t.jsx)(e.code,{children:"./types"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h3,{id:"only",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#only",children:"#"}),"only"]}),"\n",(0,t.jsx)(e.p,{children:"\u53ea\u751f\u6210\u7c7b\u578b\u6587\u4ef6\uff0c\u4e0d\u751f\u6210 js \u6587\u4ef6\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"boolean"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"false"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"externals",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#externals",children:"#"}),"externals"]}),"\n",(0,t.jsx)(e.p,{children:"\u914d\u7f6e\u5916\u90e8\u4f9d\u8d56\uff0c\u4e0d\u4f1a\u88ab\u6253\u5305\u5230\u6700\u7ec8\u7684 bundle \u4e2d\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"(string | RegExp)[]"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"[]"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"format",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#format",children:"#"}),"format"]}),"\n",(0,t.jsxs)(e.p,{children:["js \u4ea7\u7269\u8f93\u51fa\u7684\u683c\u5f0f,\u5176\u4e2d ",(0,t.jsx)(e.code,{children:"iife"})," \u548c ",(0,t.jsx)(e.code,{children:"umd"})," \u53ea\u80fd\u5728 ",(0,t.jsx)(e.code,{children:"buildType"})," \u4e3a ",(0,t.jsx)(e.code,{children:"bundle"})," \u65f6\u751f\u6548\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"'esm' | 'cjs' | 'iife' | 'umd'"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"cjs"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"input",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#input",children:"#"}),"input"]}),"\n",(0,t.jsx)(e.p,{children:"\u6307\u5b9a\u6784\u5efa\u7684\u5165\u53e3\u6587\u4ef6\uff0c\u6570\u7ec4\u5f62\u5f0f\u53ef\u4ee5\u6307\u5b9a\u76ee\u5f55\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string[] | Record<string, string>"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"bundle"})," \u6a21\u5f0f\u4e0b\u9ed8\u8ba4\u4e3a ",(0,t.jsx)(e.code,{children:"['src/index.ts']"}),"\uff0c",(0,t.jsx)(e.code,{children:"bundleless"})," \u6a21\u5f0f\u4e0b\u9ed8\u8ba4\u4e3a ",(0,t.jsx)(e.code,{children:"['src']"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.h2,{id:"jsx",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#jsx",children:"#"}),"jsx"]}),"\n",(0,t.jsx)(e.p,{children:"\u6307\u5b9a jsx \u7684\u7f16\u8bd1\u65b9\u5f0f, \u9ed8\u8ba4\u652f\u6301 React17 \u4ee5\u4e0a,\u81ea\u52a8\u6ce8\u5165 jsx \u8fd0\u884c\u65f6\u4ee3\u7801\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"automatic | classic"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"automatic"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"metafile",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#metafile",children:"#"}),"metafile"]}),"\n",(0,t.jsxs)(e.p,{children:["esbuild \u4ee5 JSON \u683c\u5f0f\u751f\u6210\u6709\u5173\u6784\u5efa\u7684\u4e00\u4e9b\u5143\u6570\u636e\uff0c\u53ef\u4ee5\u901a\u8fc7\u4f8b\u5982 ",(0,t.jsx)(e.a,{href:"https://bundle-buddy.com/esbuild",target:"_blank",rel:"nofollow",children:"bundle-buddy"})," \u7684\u5de5\u5177\u53ef\u89c6\u5316"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["type: ",(0,t.jsx)(e.code,{children:"boolean"})]}),"\n",(0,t.jsxs)(e.li,{children:["default: ",(0,t.jsx)(e.code,{children:"false"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"minify",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#minify",children:"#"}),"minify"]}),"\n",(0,t.jsxs)(e.p,{children:["\u4f7f\u7528 esbuild \u6216\u8005 terser \u538b\u7f29\u4ee3\u7801\uff0c\u4e5f\u53ef\u4ee5\u4f20\u5165 ",(0,t.jsx)(e.a,{href:"https://github.com/terser/terser#minify-options-2",target:"_blank",rel:"nofollow",children:"terserOptions"}),"\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"'terser' | 'esbuild' | false | Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"false"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.h2,{id:"outdir",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#outdir",children:"#"}),"outDir"]}),"\n",(0,t.jsx)(e.p,{children:"\u6307\u5b9a\u6784\u5efa\u7684\u8f93\u51fa\u76ee\u5f55"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b: ",(0,t.jsx)(e.code,{children:"string"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c: ",(0,t.jsx)(e.code,{children:"dist"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"platform",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#platform",children:"#"}),"platform"]}),"\n",(0,t.jsxs)(e.p,{children:["\u9ed8\u8ba4\u751f\u6210\u7528\u4e8e Node.js \u73af\u5883\u4e0b\u7684\u4ee3\u7801\uff0c\u4f60\u4e5f\u53ef\u4ee5\u6307\u5b9a\u4e3a ",(0,t.jsx)(e.code,{children:"browser"}),"\uff0c\u4f1a\u751f\u6210\u7528\u4e8e\u6d4f\u89c8\u5668\u73af\u5883\u7684\u4ee3\u7801\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"'browser' | 'node'"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"node"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"sourcedir",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#sourcedir",children:"#"}),"sourceDir"]}),"\n",(0,t.jsxs)(e.p,{children:["\u6307\u5b9a\u6784\u5efa\u7684\u6e90\u7801\u76ee\u5f55,\u9ed8\u8ba4\u4e3a ",(0,t.jsx)(e.code,{children:"src"}),"\uff0c\u7528\u4e8e\u5728 ",(0,t.jsx)(e.code,{children:"bundleless"})," \u6784\u5efa\u65f6\u57fa\u4e8e\u6e90\u7801\u76ee\u5f55\u7ed3\u6784\u751f\u6210\u5bf9\u5e94\u7684\u4ea7\u7269\u76ee\u5f55\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"src"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"sourcemap",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#sourcemap",children:"#"}),"sourceMap"]}),"\n",(0,t.jsx)(e.p,{children:"\u63a7\u5236 sourceMap \u5982\u4f55\u751f\u6210\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"boolean | 'inline' | 'external'"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"false"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"splitting",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#splitting",children:"#"}),"splitting"]}),"\n",(0,t.jsx)(e.p,{children:"\u662f\u5426\u5f00\u542f\u4ee3\u7801\u5206\u5272\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"boolean"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"false"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"style",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#style",children:"#"}),"style"]}),"\n",(0,t.jsx)(e.p,{children:"\u914d\u7f6e\u6837\u5f0f\u76f8\u5173\u7684\u914d\u7f6e\u3002"}),"\n",(0,t.jsxs)(e.h3,{id:"less",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#less",children:"#"}),"less"]}),"\n",(0,t.jsx)(e.p,{children:"less \u76f8\u5173\u914d\u7f6e\u3002"}),"\n",(0,t.jsxs)(e.h4,{id:"lessoptions",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#lessoptions",children:"#"}),"lessOptions"]}),"\n",(0,t.jsxs)(e.p,{children:["\u8be6\u7ec6\u914d\u7f6e\u53c2\u8003 ",(0,t.jsx)(e.a,{href:"https://less.bootcss.com/usage/#less-options-2",target:"_blank",rel:"nofollow",children:"less"}),"\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"{ javascriptEnabled: true }"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h4,{id:"additionaldata",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#additionaldata",children:"#"}),"additionalData"]}),"\n",(0,t.jsxs)(e.p,{children:["\u5728\u5165\u53e3\u6587\u4ef6\u8d77\u59cb\u6dfb\u52a0 ",(0,t.jsx)(e.code,{children:"Less"})," \u4ee3\u7801\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"undefined"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.h4,{id:"implementation",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#implementation",children:"#"}),"implementation"]}),"\n",(0,t.jsxs)(e.p,{children:["\u914d\u7f6e ",(0,t.jsx)(e.code,{children:"Less"})," \u4f7f\u7528\u7684\u5b9e\u73b0\u5e93\uff0c\u5728\u4e0d\u6307\u5b9a\u7684\u60c5\u51b5\u4e0b\uff0c\u4f7f\u7528\u7684\u5185\u7f6e\u7248\u672c\u662f ",(0,t.jsx)(e.code,{children:"4.1.3"}),"\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string | Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"undefined"})]}),"\n"]}),"\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.code,{children:"Object"})," \u7c7b\u578b\u65f6\uff0c\u6307\u5b9a ",(0,t.jsx)(e.code,{children:"Less"})," \u7684\u5b9e\u73b0\u5e93"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.code,{children:"string"})," \u7c7b\u578b\u65f6\uff0c\u6307\u5b9a ",(0,t.jsx)(e.code,{children:"Less"})," \u7684\u5b9e\u73b0\u5e93\u7684\u8def\u5f84"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.h3,{id:"sass",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#sass",children:"#"}),"sass"]}),"\n",(0,t.jsx)(e.p,{children:"Sass \u76f8\u5173\u914d\u7f6e\u3002"}),"\n",(0,t.jsxs)(e.h4,{id:"sassoptions",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#sassoptions",children:"#"}),"sassOptions"]}),"\n",(0,t.jsxs)(e.p,{children:["\u8be6\u7ec6\u914d\u7f6e\u53c2\u8003 ",(0,t.jsx)(e.a,{href:"https://github.com/sass/node-sass#options-6",target:"_blank",rel:"nofollow",children:"node-sass"})]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"{}"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h4,{id:"additionaldata-1",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#additionaldata-1",children:"#"}),"additionalData"]}),"\n",(0,t.jsxs)(e.p,{children:["\u5728\u5165\u53e3\u6587\u4ef6\u8d77\u59cb\u6dfb\u52a0 ",(0,t.jsx)(e.code,{children:"Sass"})," \u4ee3\u7801\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string | Function"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"undefined"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.h4,{id:"implementation-1",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#implementation-1",children:"#"}),"implementation"]}),"\n",(0,t.jsxs)(e.p,{children:["\u914d\u7f6e ",(0,t.jsx)(e.code,{children:"Sass"})," \u4f7f\u7528\u7684\u5b9e\u73b0\u5e93\uff0c\u5728\u4e0d\u6307\u5b9a\u7684\u60c5\u51b5\u4e0b\uff0c\u4f7f\u7528\u7684\u5185\u7f6e\u7248\u672c\u662f ",(0,t.jsx)(e.code,{children:"1.5.4"}),"\u3002"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string | Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"undefined"})]}),"\n"]}),"\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.code,{children:"Object"})," \u7c7b\u578b\u65f6\uff0c\u6307\u5b9a ",(0,t.jsx)(e.code,{children:"Sass"})," \u7684\u5b9e\u73b0\u5e93"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.code,{children:"string"})," \u7c7b\u578b\u65f6\uff0c\u6307\u5b9a ",(0,t.jsx)(e.code,{children:"Sass"})," \u7684\u5b9e\u73b0\u5e93\u7684\u8def\u5f84"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.h3,{id:"postcss",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#postcss",children:"#"}),"postcss"]}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"plugins"}),"\n",(0,t.jsx)(e.li,{children:"processOptions"}),"\n"]}),"\n",(0,t.jsxs)(e.p,{children:["\u8be6\u7ec6\u914d\u7f6e\u67e5\u770b ",(0,t.jsx)(e.a,{href:"https://github.com/postcss/postcss#options-7",target:"_blank",rel:"nofollow",children:"postcss"}),"\u3002"]}),"\n",(0,t.jsxs)(e.h3,{id:"inject",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#inject",children:"#"}),"inject"]}),"\n",(0,t.jsx)(e.p,{children:"\u914d\u7f6e\u6253\u5305\u6a21\u5f0f\u4e0b\u662f\u5426\u5c06 style \u63d2\u5165\u5230 js \u4e2d"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"boolean"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"false"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h3,{id:"automodules",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#automodules",children:"#"}),"autoModules"]}),"\n",(0,t.jsx)(e.p,{children:"\u6839\u636e\u6587\u4ef6\u540d\u81ea\u52a8\u542f\u7528 CSS Modules\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"boolean | RegExp"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"true"})]}),"\n"]}),"\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.code,{children:"true"})," : \u4e3a\u4ee5 ",(0,t.jsx)(e.code,{children:".module.css"})," ",(0,t.jsx)(e.code,{children:".module.less"})," ",(0,t.jsx)(e.code,{children:".module.scss"})," ",(0,t.jsx)(e.code,{children:".module.sass"})," \u6587\u4ef6\u540d\u7ed3\u5c3e\u7684\u6837\u5f0f\u6587\u4ef6\u542f\u7528 CSS Modules\u3002"]}),"\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.code,{children:"false"})," : \u7981\u7528 CSS Modules."]}),"\n",(0,t.jsxs)(e.p,{children:[(0,t.jsx)(e.code,{children:"RegExp"})," : \u4e3a\u5339\u914d\u6b63\u5219\u6761\u4ef6\u7684\u6240\u6709\u6587\u4ef6\u542f\u7528 CSS Modules."]}),"\n",(0,t.jsxs)(e.h3,{id:"modules",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#modules",children:"#"}),"modules"]}),"\n",(0,t.jsx)(e.p,{children:"CSS Modules \u914d\u7f6e"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"Object"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"{}"})]}),"\n"]}),"\n",(0,t.jsxs)(e.p,{children:["\u4e00\u4e2a\u5e38\u7528\u7684\u914d\u7f6e\u662f ",(0,t.jsx)(e.code,{children:"localsConvention"}),"\uff0c\u5b83\u53ef\u4ee5\u6539\u53d8 CSS Modules \u7684\u7c7b\u540d\u751f\u6210\u89c4\u5219\u3002"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsx)(e.p,{children:"\u5bf9\u4e8e\u4ee5\u4e0b\u6837\u5f0f\uff1a"}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,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:[]}]}),"\n",(0,t.jsxs)(e.p,{children:["\u4f60\u53ef\u4ee5\u4f7f\u7528 ",(0,t.jsx)(e.code,{children:"styles.boxTitle"})," \u6765\u8bbf\u95ee"]}),"\n",(0,t.jsxs)(e.p,{children:["\u8be6\u7ec6\u914d\u7f6e\u67e5\u770b ",(0,t.jsx)(e.a,{href:"https://github.com/madyankin/postcss-modules#usage-2",target:"_blank",rel:"nofollow",children:"postcss-modules"})]}),"\n",(0,t.jsxs)(e.h3,{id:"tailwindcss",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#tailwindcss",children:"#"}),"tailwindcss"]}),"\n",(0,t.jsx)(e.p,{children:"Tailwind CSS \u76f8\u5173\u914d\u7f6e\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"Object | Function"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"\u89c1\u4e0b\u65b9\u914d\u7f6e\u8be6\u60c5"})]}),"\n"]}),"\n","\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{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:"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/**/*.js",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/**/*.jsx",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/**/*.ts",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/**/*.tsx",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:"./storybook/**/*",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:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.p,{children:["\u503c\u4e3a ",(0,t.jsx)(e.code,{children:"Object"})," \u7c7b\u578b\u65f6\uff0c\u4e0e\u9ed8\u8ba4\u914d\u7f6e\u901a\u8fc7 ",(0,t.jsx)(e.code,{children:"Object.assign"})," \u5408\u5e76\u3002"]}),"\n",(0,t.jsxs)(e.p,{children:["\u503c\u4e3a ",(0,t.jsx)(e.code,{children:"Function"})," \u7c7b\u578b\u65f6\uff0c\u51fd\u6570\u8fd4\u56de\u7684\u5bf9\u8c61\u4e0e\u9ed8\u8ba4\u914d\u7f6e\u901a\u8fc7 ",(0,t.jsx)(e.code,{children:"Object.assign"})," \u5408\u5e76\u3002"]}),"\n",(0,t.jsxs)(e.p,{children:["\u4e0d\u5141\u8bb8\u51fa\u73b0 ",(0,t.jsx)(e.code,{children:"theme"})," \u5c5e\u6027\uff0c\u5426\u5219\u4f1a\u6784\u5efa\u5931\u8d25, \u4f7f\u7528 ",(0,t.jsx)(e.a,{href:"/module-tools/api/config/design-system.html",children:(0,t.jsx)(e.code,{children:"designSystem"})})," \u4f5c\u4e3a ",(0,t.jsx)(e.code,{children:"Tailwind CSS Theme"})," \u914d\u7f6e\u3002"]}),"\n",(0,t.jsxs)(e.p,{children:["\u5176\u4ed6\u7684\u4f7f\u7528\u65b9\u5f0f\u548c Tailwind CSS \u4e00\u81f4: ",(0,t.jsx)(e.a,{href:"https://tailwindcss.com/docs/configuration",target:"_blank",rel:"nofollow",children:"\u5feb\u901f\u4f20\u9001\u95e8"}),"\u3002"]}),"\n",(0,t.jsxs)(e.h2,{id:"target",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#target",children:"#"}),"target"]}),"\n",(0,t.jsx)(e.p,{children:"\u6307\u5b9a\u6784\u5efa\u7684\u76ee\u6807\u73af\u5883"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"'es5' | 'es6' | 'es2015' | 'es2016' | 'es2017' | 'es2018' | 'es2019' | 'es2020' | 'es2021' | 'es2022' | 'esnext'"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"'es6'"})]}),"\n"]}),"\n",(0,t.jsxs)(e.h2,{id:"umdglobals",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#umdglobals",children:"#"}),"umdGlobals"]}),"\n",(0,t.jsx)(e.p,{children:"\u6307\u5b9a UMD \u4ea7\u7269\u5916\u90e8\u5bfc\u5165\u7684\u5168\u5c40\u53d8\u91cf\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"Record<string, string>"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"{}"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.p,{children:["\u6b64\u65f6\uff0c",(0,t.jsx)(e.code,{children:"react"})," \u548c ",(0,t.jsx)(e.code,{children:"react-dom"})," \u4f1a\u88ab\u770b\u505a\u662f\u5916\u90e8\u5bfc\u5165\u7684\u5168\u5c40\u53d8\u91cf\uff0c\u4e0d\u4f1a\u88ab\u6253\u5305\u8fdb UMD \u4ea7\u7269\u4e2d\uff0c\u800c\u662f\u901a\u8fc7 ",(0,t.jsx)(e.code,{children:"global.React"})," \u548c ",(0,t.jsx)(e.code,{children:"global.ReactDOM"})," \u7684\u65b9\u5f0f\u8fdb\u884c\u8bbf\u95ee\u3002"]}),"\n",(0,t.jsxs)(e.h2,{id:"umdmodulename",children:[(0,t.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#umdmodulename",children:"#"}),"umdModuleName"]}),"\n",(0,t.jsx)(e.p,{children:"\u6307\u5b9a UMD \u4ea7\u7269\u7684\u6a21\u5757\u540d\u3002"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsxs)(e.li,{children:["\u7c7b\u578b\uff1a ",(0,t.jsx)(e.code,{children:"string"})," | ",(0,t.jsx)(e.code,{children:"Function"})]}),"\n",(0,t.jsxs)(e.li,{children:["\u9ed8\u8ba4\u503c\uff1a ",(0,t.jsx)(e.code,{children:"name => name"})]}),"\n"]}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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:"format",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"umd",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"    ",props:{style:{color:"#D8DEE9FF"}}},{content:"umdModuleName",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"myLib",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:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,t.jsxs)(e.p,{children:["\u6b64\u65f6 UMD \u4ea7\u7269\u4f1a\u53bb\u6302\u8f7d\u5230 ",(0,t.jsx)(e.code,{children:"global.myLib"})," \u4e0a\u3002"]}),"\n",(0,t.jsxs)(e.div,{className:"modern-directive tip",children:[(0,t.jsx)(e.p,{className:"modern-directive-title",children:"TIP"}),(0,t.jsx)(e.div,{className:"modern-directive-content",children:(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u9700\u8981\u9075\u5b88 UMD \u89c4\u8303\uff0cUMD \u4ea7\u7269\u7684\u6a21\u5757\u540d\u4e0d\u80fd\u548c\u5168\u5c40\u53d8\u91cf\u540d\u51b2\u7a81"}),"\n",(0,t.jsxs)(e.li,{children:["\u6a21\u5757\u540d\u4e0d\u80fd\u542b\u6709 ",(0,t.jsx)(e.code,{children:"-"}),"\uff0c",(0,t.jsx)(e.code,{children:"@"}),"\uff0c",(0,t.jsx)(e.code,{children:"/"})," \u7b49\u7279\u6b8a\u5b57\u7b26"]}),"\n"]})})]}),"\n",(0,t.jsx)(e.p,{children:"\u540c\u65f6\u51fd\u6570\u5f62\u5f0f\u53ef\u4ee5\u63a5\u6536\u4e00\u4e2a\u53c2\u6570\uff0c\u4e3a\u5f53\u524d\u6253\u5305\u6587\u4ef6\u7684\u8f93\u51fa\u8def\u5f84"}),"\n",(0,t.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"from",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@modern-js/module-tools",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[]},{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"defineConfig",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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:"format",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"umd",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"    ",props:{style:{color:"#D8DEE9FF"}}},{content:"umdModuleName",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"path",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:"if",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}},{content:"path",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"includes",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"index",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:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"myLib",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"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"else",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"}}},{content:"myLib2",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:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]})]})}function E(o,e){throw new Error("Expected "+(e?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}e.default=function(o={}){const{wrapper:e}=o.components||{};return e?(0,t.jsx)(e,Object.assign({},o,{children:(0,t.jsx)(a,o)})):a(o)}}}]);