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

package/doc_build/static/js/async/zh_guide_advance_in-depth-about-build.64e795f3.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[727],{26775:function(e,o,t){t.r(o),t.d(o,{CH:function(){return s},chCodeConfig:function(){return c},content:function(){return a},frontmatter:function(){return i},title:function(){return d},toc:function(){return l}});var n=t(97458),r=t(53799);const s={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",theme:{name:"nord",type:"dark",semanticHighlighting:!0,colors:{focusBorder:"#3b4252",foreground:"#d8dee9","activityBar.background":"#2e3440","activityBar.dropBackground":"#3b4252","activityBar.foreground":"#d8dee9","activityBar.activeBorder":"#88c0d0","activityBar.activeBackground":"#3b4252","activityBarBadge.background":"#88c0d0","activityBarBadge.foreground":"#2e3440","badge.foreground":"#2e3440","badge.background":"#88c0d0","button.background":"#88c0d0ee","button.foreground":"#2e3440","button.hoverBackground":"#88c0d0","button.secondaryBackground":"#434c5e","button.secondaryForeground":"#d8dee9","button.secondaryHoverBackground":"#4c566a","charts.red":"#bf616a","charts.blue":"#81a1c1","charts.yellow":"#ebcb8b","charts.orange":"#d08770","charts.green":"#a3be8c","charts.purple":"#b48ead","charts.foreground":"#d8dee9","charts.lines":"#88c0d0","debugConsole.infoForeground":"#88c0d0","debugConsole.warningForeground":"#ebcb8b","debugConsole.errorForeground":"#bf616a","debugConsole.sourceForeground":"#616e88","debugConsoleInputIcon.foreground":"#81a1c1","debugExceptionWidget.background":"#4c566a","debugExceptionWidget.border":"#2e3440","debugToolBar.background":"#3b4252",descriptionForeground:"#d8dee9e6","diffEditor.insertedTextBackground":"#81a1c133","diffEditor.removedTextBackground":"#bf616a4d","dropdown.background":"#3b4252","dropdown.border":"#3b4252","dropdown.foreground":"#d8dee9","editorActiveLineNumber.foreground":"#d8dee9cc","editorCursor.foreground":"#d8dee9","editorHint.border":"#ebcb8b00","editorHint.foreground":"#ebcb8b","editorIndentGuide.background":"#434c5eb3","editorIndentGuide.activeBackground":"#4c566a","editorInlayHint.background":"#434c5e","editorInlayHint.foreground":"#d8dee9","editorLineNumber.foreground":"#4c566a","editorLineNumber.activeForeground":"#d8dee9","editorWhitespace.foreground":"#4c566ab3","editorWidget.background":"#2e3440","editorWidget.border":"#3b4252","editor.background":"#2e3440","editor.foreground":"#d8dee9","editor.hoverHighlightBackground":"#3b4252","editor.findMatchBackground":"#88c0d066","editor.findMatchHighlightBackground":"#88c0d033","editor.findRangeHighlightBackground":"#88c0d033","editor.lineHighlightBackground":"#3b4252","editor.lineHighlightBorder":"#3b4252","editor.inactiveSelectionBackground":"#434c5ecc","editor.inlineValuesBackground":"#4c566a","editor.inlineValuesForeground":"#eceff4","editor.selectionBackground":"#434c5ecc","editor.selectionHighlightBackground":"#434c5ecc","editor.rangeHighlightBackground":"#434c5e52","editor.wordHighlightBackground":"#81a1c166","editor.wordHighlightStrongBackground":"#81a1c199","editor.stackFrameHighlightBackground":"#5e81ac","editor.focusedStackFrameHighlightBackground":"#5e81ac","editorError.foreground":"#bf616a","editorError.border":"#bf616a00","editorWarning.foreground":"#ebcb8b","editorWarning.border":"#ebcb8b00","editorBracketMatch.background":"#2e344000","editorBracketMatch.border":"#88c0d0","editorBracketHighlight.foreground1":"#8fbcbb","editorBracketHighlight.foreground2":"#88c0d0","editorBracketHighlight.foreground3":"#81a1c1","editorBracketHighlight.foreground4":"#5e81ac","editorBracketHighlight.foreground5":"#8fbcbb","editorBracketHighlight.foreground6":"#88c0d0","editorBracketHighlight.unexpectedBracket.foreground":"#bf616a","editorCodeLens.foreground":"#4c566a","editorGroup.background":"#2e3440","editorGroup.border":"#3b425201","editorGroup.dropBackground":"#3b425299","editorGroupHeader.border":"#3b425200","editorGroupHeader.noTabsBackground":"#2e3440","editorGroupHeader.tabsBackground":"#2e3440","editorGroupHeader.tabsBorder":"#3b425200","editorGutter.background":"#2e3440","editorGutter.modifiedBackground":"#ebcb8b","editorGutter.addedBackground":"#a3be8c","editorGutter.deletedBackground":"#bf616a","editorHoverWidget.background":"#3b4252","editorHoverWidget.border":"#3b4252","editorLink.activeForeground":"#88c0d0","editorMarkerNavigation.background":"#5e81acc0","editorMarkerNavigationError.background":"#bf616ac0","editorMarkerNavigationWarning.background":"#ebcb8bc0","editorOverviewRuler.border":"#3b4252","editorOverviewRuler.currentContentForeground":"#3b4252","editorOverviewRuler.incomingContentForeground":"#3b4252","editorOverviewRuler.findMatchForeground":"#88c0d066","editorOverviewRuler.rangeHighlightForeground":"#88c0d066","editorOverviewRuler.selectionHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightStrongForeground":"#88c0d066","editorOverviewRuler.modifiedForeground":"#ebcb8b","editorOverviewRuler.addedForeground":"#a3be8c","editorOverviewRuler.deletedForeground":"#bf616a","editorOverviewRuler.errorForeground":"#bf616a","editorOverviewRuler.warningForeground":"#ebcb8b","editorOverviewRuler.infoForeground":"#81a1c1","editorRuler.foreground":"#434c5e","editorSuggestWidget.background":"#2e3440","editorSuggestWidget.border":"#3b4252","editorSuggestWidget.foreground":"#d8dee9","editorSuggestWidget.focusHighlightForeground":"#88c0d0","editorSuggestWidget.highlightForeground":"#88c0d0","editorSuggestWidget.selectedBackground":"#434c5e","editorSuggestWidget.selectedForeground":"#d8dee9","extensionButton.prominentForeground":"#d8dee9","extensionButton.prominentBackground":"#434c5e","extensionButton.prominentHoverBackground":"#4c566a",errorForeground:"#bf616a","gitDecoration.modifiedResourceForeground":"#ebcb8b","gitDecoration.deletedResourceForeground":"#bf616a","gitDecoration.untrackedResourceForeground":"#a3be8c","gitDecoration.ignoredResourceForeground":"#d8dee966","gitDecoration.conflictingResourceForeground":"#5e81ac","gitDecoration.submoduleResourceForeground":"#8fbcbb","gitDecoration.stageDeletedResourceForeground":"#bf616a","gitDecoration.stageModifiedResourceForeground":"#ebcb8b","input.background":"#3b4252","input.foreground":"#d8dee9","input.placeholderForeground":"#d8dee999","input.border":"#3b4252","inputOption.activeBackground":"#5e81ac","inputOption.activeBorder":"#5e81ac","inputOption.activeForeground":"#eceff4","inputValidation.errorBackground":"#bf616a","inputValidation.errorBorder":"#bf616a","inputValidation.infoBackground":"#81a1c1","inputValidation.infoBorder":"#81a1c1","inputValidation.warningBackground":"#d08770","inputValidation.warningBorder":"#d08770","keybindingLabel.background":"#4c566a","keybindingLabel.border":"#4c566a","keybindingLabel.bottomBorder":"#4c566a","keybindingLabel.foreground":"#d8dee9","list.activeSelectionBackground":"#88c0d0","list.activeSelectionForeground":"#2e3440","list.inactiveSelectionBackground":"#434c5e","list.inactiveSelectionForeground":"#d8dee9","list.inactiveFocusBackground":"#434c5ecc","list.hoverForeground":"#eceff4","list.focusForeground":"#d8dee9","list.focusBackground":"#88c0d099","list.focusHighlightForeground":"#eceff4","list.hoverBackground":"#3b4252","list.dropBackground":"#88c0d099","list.highlightForeground":"#88c0d0","list.errorForeground":"#bf616a","list.warningForeground":"#ebcb8b","merge.currentHeaderBackground":"#81a1c166","merge.currentContentBackground":"#81a1c14d","merge.incomingHeaderBackground":"#8fbcbb66","merge.incomingContentBackground":"#8fbcbb4d","merge.border":"#3b425200","minimap.background":"#2e3440","minimap.errorHighlight":"#bf616acc","minimap.findMatchHighlight":"#88c0d0","minimap.selectionHighlight":"#88c0d0cc","minimap.warningHighlight":"#ebcb8bcc","minimapGutter.addedBackground":"#a3be8c","minimapGutter.deletedBackground":"#bf616a","minimapGutter.modifiedBackground":"#ebcb8b","minimapSlider.activeBackground":"#434c5eaa","minimapSlider.background":"#434c5e99","minimapSlider.hoverBackground":"#434c5eaa","notification.background":"#3b4252","notification.buttonBackground":"#434c5e","notification.buttonForeground":"#d8dee9","notification.buttonHoverBackground":"#4c566a","notification.errorBackground":"#bf616a","notification.errorForeground":"#2e3440","notification.foreground":"#d8dee9","notification.infoBackground":"#88c0d0","notification.infoForeground":"#2e3440","notification.warningBackground":"#ebcb8b","notification.warningForeground":"#2e3440","notificationCenter.border":"#3b425200","notificationCenterHeader.background":"#2e3440","notificationCenterHeader.foreground":"#88c0d0","notificationLink.foreground":"#88c0d0","notifications.background":"#3b4252","notifications.border":"#2e3440","notifications.foreground":"#d8dee9","notificationToast.border":"#3b425200","panel.background":"#2e3440","panel.border":"#3b4252","panelTitle.activeBorder":"#88c0d000","panelTitle.activeForeground":"#88c0d0","panelTitle.inactiveForeground":"#d8dee9","peekView.border":"#4c566a","peekViewEditor.background":"#2e3440","peekViewEditorGutter.background":"#2e3440","peekViewEditor.matchHighlightBackground":"#88c0d04d","peekViewResult.background":"#2e3440","peekViewResult.fileForeground":"#88c0d0","peekViewResult.lineForeground":"#d8dee966","peekViewResult.matchHighlightBackground":"#88c0d0cc","peekViewResult.selectionBackground":"#434c5e","peekViewResult.selectionForeground":"#d8dee9","peekViewTitle.background":"#3b4252","peekViewTitleDescription.foreground":"#d8dee9","peekViewTitleLabel.foreground":"#88c0d0","pickerGroup.border":"#3b4252","pickerGroup.foreground":"#88c0d0","progressBar.background":"#88c0d0","quickInputList.focusBackground":"#88c0d0","quickInputList.focusForeground":"#2e3440","sash.hoverBorder":"#88c0d0","scrollbar.shadow":"#00000066","scrollbarSlider.activeBackground":"#434c5eaa","scrollbarSlider.background":"#434c5e99","scrollbarSlider.hoverBackground":"#434c5eaa","selection.background":"#88c0d099","sideBar.background":"#2e3440","sideBar.foreground":"#d8dee9","sideBar.border":"#3b4252","sideBarSectionHeader.background":"#3b4252","sideBarSectionHeader.foreground":"#d8dee9","sideBarTitle.foreground":"#d8dee9","statusBar.background":"#3b4252","statusBar.debuggingBackground":"#5e81ac","statusBar.debuggingForeground":"#d8dee9","statusBar.noFolderForeground":"#d8dee9","statusBar.noFolderBackground":"#3b4252","statusBar.foreground":"#d8dee9","statusBarItem.activeBackground":"#4c566a","statusBarItem.hoverBackground":"#434c5e","statusBarItem.prominentBackground":"#3b4252","statusBarItem.prominentHoverBackground":"#434c5e","statusBarItem.errorBackground":"#3b4252","statusBarItem.errorForeground":"#bf616a","statusBarItem.warningBackground":"#ebcb8b","statusBarItem.warningForeground":"#2e3440","statusBar.border":"#3b425200","tab.activeBackground":"#3b4252","tab.activeForeground":"#d8dee9","tab.border":"#3b425200","tab.activeBorder":"#88c0d000","tab.unfocusedActiveBorder":"#88c0d000","tab.inactiveBackground":"#2e3440","tab.inactiveForeground":"#d8dee966","tab.unfocusedActiveForeground":"#d8dee999","tab.unfocusedInactiveForeground":"#d8dee966","tab.hoverBackground":"#3b4252cc","tab.unfocusedHoverBackground":"#3b4252b3","tab.hoverBorder":"#88c0d000","tab.unfocusedHoverBorder":"#88c0d000","tab.activeBorderTop":"#88c0d000","tab.unfocusedActiveBorderTop":"#88c0d000","tab.lastPinnedBorder":"#4c566a","terminal.background":"#2e3440","terminal.foreground":"#d8dee9","terminal.ansiBlack":"#3b4252","terminal.ansiRed":"#bf616a","terminal.ansiGreen":"#a3be8c","terminal.ansiYellow":"#ebcb8b","terminal.ansiBlue":"#81a1c1","terminal.ansiMagenta":"#b48ead","terminal.ansiCyan":"#88c0d0","terminal.ansiWhite":"#e5e9f0","terminal.ansiBrightBlack":"#4c566a","terminal.ansiBrightRed":"#bf616a","terminal.ansiBrightGreen":"#a3be8c","terminal.ansiBrightYellow":"#ebcb8b","terminal.ansiBrightBlue":"#81a1c1","terminal.ansiBrightMagenta":"#b48ead","terminal.ansiBrightCyan":"#8fbcbb","terminal.ansiBrightWhite":"#eceff4","terminal.tab.activeBorder":"#88c0d0","textBlockQuote.background":"#3b4252","textBlockQuote.border":"#81a1c1","textCodeBlock.background":"#4c566a","textLink.activeForeground":"#88c0d0","textLink.foreground":"#88c0d0","textPreformat.foreground":"#8fbcbb","textSeparator.foreground":"#eceff4","titleBar.activeBackground":"#2e3440","titleBar.activeForeground":"#d8dee9","titleBar.border":"#2e344000","titleBar.inactiveBackground":"#2e3440","titleBar.inactiveForeground":"#d8dee966","tree.indentGuidesStroke":"#616e88","walkThrough.embeddedEditorBackground":"#2e3440","welcomePage.buttonBackground":"#434c5e","welcomePage.buttonHoverBackground":"#4c566a","widget.shadow":"#00000066"},tokenColors:[{settings:{foreground:"#d8dee9ff",background:"#2e3440ff"}},{scope:"emphasis",settings:{fontStyle:"italic"}},{scope:"strong",settings:{fontStyle:"bold"}},{name:"Comment",scope:"comment",settings:{foreground:"#616E88"}},{name:"Constant Character",scope:"constant.character",settings:{foreground:"#EBCB8B"}},{name:"Constant Character Escape",scope:"constant.character.escape",settings:{foreground:"#EBCB8B"}},{name:"Constant Language",scope:"constant.language",settings:{foreground:"#81A1C1"}},{name:"Constant Numeric",scope:"constant.numeric",settings:{foreground:"#B48EAD"}},{name:"Constant Regexp",scope:"constant.regexp",settings:{foreground:"#EBCB8B"}},{name:"Entity Name Class/Type",scope:["entity.name.class","entity.name.type.class"],settings:{foreground:"#8FBCBB"}},{name:"Entity Name Function",scope:"entity.name.function",settings:{foreground:"#88C0D0"}},{name:"Entity Name Tag",scope:"entity.name.tag",settings:{foreground:"#81A1C1"}},{name:"Entity Other Attribute Name",scope:"entity.other.attribute-name",settings:{foreground:"#8FBCBB"}},{name:"Entity Other Inherited Class",scope:"entity.other.inherited-class",settings:{fontStyle:"bold",foreground:"#8FBCBB"}},{name:"Invalid Deprecated",scope:"invalid.deprecated",settings:{foreground:"#D8DEE9",background:"#EBCB8B"}},{name:"Invalid Illegal",scope:"invalid.illegal",settings:{foreground:"#D8DEE9",background:"#BF616A"}},{name:"Keyword",scope:"keyword",settings:{foreground:"#81A1C1"}},{name:"Keyword Operator",scope:"keyword.operator",settings:{foreground:"#81A1C1"}},{name:"Keyword Other New",scope:"keyword.other.new",settings:{foreground:"#81A1C1"}},{name:"Markup Bold",scope:"markup.bold",settings:{fontStyle:"bold"}},{name:"Markup Changed",scope:"markup.changed",settings:{foreground:"#EBCB8B"}},{name:"Markup Deleted",scope:"markup.deleted",settings:{foreground:"#BF616A"}},{name:"Markup Inserted",scope:"markup.inserted",settings:{foreground:"#A3BE8C"}},{name:"Meta Preprocessor",scope:"meta.preprocessor",settings:{foreground:"#5E81AC"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Parameters",scope:["punctuation.definition.method-parameters","punctuation.definition.function-parameters","punctuation.definition.parameters"],settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Tag",scope:"punctuation.definition.tag",settings:{foreground:"#81A1C1"}},{name:"Punctuation Definition Comment",scope:["punctuation.definition.comment","punctuation.end.definition.comment","punctuation.start.definition.comment"],settings:{foreground:"#616E88"}},{name:"Punctuation Section",scope:"punctuation.section",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Section Embedded",scope:["punctuation.section.embedded.begin","punctuation.section.embedded.end"],settings:{foreground:"#81A1C1"}},{name:"Punctuation Terminator",scope:"punctuation.terminator",settings:{foreground:"#81A1C1"}},{name:"Punctuation Variable",scope:"punctuation.definition.variable",settings:{foreground:"#81A1C1"}},{name:"Storage",scope:"storage",settings:{foreground:"#81A1C1"}},{name:"String",scope:"string",settings:{foreground:"#A3BE8C"}},{name:"String Regexp",scope:"string.regexp",settings:{foreground:"#EBCB8B"}},{name:"Support Class",scope:"support.class",settings:{foreground:"#8FBCBB"}},{name:"Support Constant",scope:"support.constant",settings:{foreground:"#81A1C1"}},{name:"Support Function",scope:"support.function",settings:{foreground:"#88C0D0"}},{name:"Support Function Construct",scope:"support.function.construct",settings:{foreground:"#81A1C1"}},{name:"Support Type",scope:"support.type",settings:{foreground:"#8FBCBB"}},{name:"Support Type Exception",scope:"support.type.exception",settings:{foreground:"#8FBCBB"}},{name:"Token Debug",scope:"token.debug-token",settings:{foreground:"#b48ead"}},{name:"Token Error",scope:"token.error-token",settings:{foreground:"#bf616a"}},{name:"Token Info",scope:"token.info-token",settings:{foreground:"#88c0d0"}},{name:"Token Warning",scope:"token.warn-token",settings:{foreground:"#ebcb8b"}},{name:"Variable",scope:"variable.other",settings:{foreground:"#D8DEE9"}},{name:"Variable Language",scope:"variable.language",settings:{foreground:"#81A1C1"}},{name:"Variable Parameter",scope:"variable.parameter",settings:{foreground:"#D8DEE9"}},{name:"[C/CPP] Punctuation Separator Pointer-Access",scope:"punctuation.separator.pointer-access.c",settings:{foreground:"#81A1C1"}},{name:"[C/CPP] Meta Preprocessor Include",scope:["source.c meta.preprocessor.include","source.c string.quoted.other.lt-gt.include"],settings:{foreground:"#8FBCBB"}},{name:"[C/CPP] Conditional Directive",scope:["source.cpp keyword.control.directive.conditional","source.cpp punctuation.definition.directive","source.c keyword.control.directive.conditional","source.c punctuation.definition.directive"],settings:{foreground:"#5E81AC",fontStyle:"bold"}},{name:"[CSS] Constant Other Color RGB Value",scope:"source.css constant.other.color.rgb-value",settings:{foreground:"#B48EAD"}},{name:"[CSS](Function) Meta Property-Value",scope:"source.css meta.property-value",settings:{foreground:"#88C0D0"}},{name:"[CSS] Media Queries",scope:["source.css keyword.control.at-rule.media","source.css keyword.control.at-rule.media punctuation.definition.keyword"],settings:{foreground:"#D08770"}},{name:"[CSS] Punctuation Definition Keyword",scope:"source.css punctuation.definition.keyword",settings:{foreground:"#81A1C1"}},{name:"[CSS] Support Type Property Name",scope:"source.css support.type.property-name",settings:{foreground:"#D8DEE9"}},{name:"[diff] Meta Range Context",scope:"source.diff meta.diff.range.context",settings:{foreground:"#8FBCBB"}},{name:"[diff] Meta Header From-File",scope:"source.diff meta.diff.header.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition From-File",scope:"source.diff punctuation.definition.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Range",scope:"source.diff punctuation.definition.range",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Separator",scope:"source.diff punctuation.definition.separator",settings:{foreground:"#81A1C1"}},{name:"[Elixir](JakeBecker.elixir-ls) module names",scope:"entity.name.type.module.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Elixir](JakeBecker.elixir-ls) module attributes",scope:"variable.other.readwrite.module.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) atoms",scope:"constant.other.symbol.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) modules",scope:"variable.other.constant.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Go] String Format Placeholder",scope:"source.go constant.other.placeholder.go",settings:{foreground:"#EBCB8B"}},{name:"[Java](JavaDoc) Comment Block Documentation HTML Entities",scope:"source.java comment.block.documentation.javadoc punctuation.definition.entity.html",settings:{foreground:"#81A1C1"}},{name:"[Java](JavaDoc) Constant Other",scope:"source.java constant.other",settings:{foreground:"#D8DEE9"}},{name:"[Java](JavaDoc) Keyword Other Documentation",scope:"source.java keyword.other.documentation",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Author",scope:"source.java keyword.other.documentation.author.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Directive/Custom",scope:["source.java keyword.other.documentation.directive","source.java keyword.other.documentation.custom"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation See",scope:"source.java keyword.other.documentation.see.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java] Meta Method-Call",scope:"source.java meta.method-call meta.method",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Meta Tag Template Link",scope:["source.java meta.tag.template.link.javadoc","source.java string.other.link.title.javadoc"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Meta Tag Template Value",scope:"source.java meta.tag.template.value.javadoc",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Punctuation Definition Keyword",scope:"source.java punctuation.definition.keyword.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Punctuation Definition Tag",scope:["source.java punctuation.definition.tag.begin.javadoc","source.java punctuation.definition.tag.end.javadoc"],settings:{foreground:"#616E88"}},{name:"[Java] Storage Modifier Import",scope:"source.java storage.modifier.import",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Modifier Package",scope:"source.java storage.modifier.package",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type",scope:"source.java storage.type",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Annotation",scope:"source.java storage.type.annotation",settings:{foreground:"#D08770"}},{name:"[Java] Storage Type Generic",scope:"source.java storage.type.generic",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Primitive",scope:"source.java storage.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Decorator",scope:["source.js punctuation.decorator","source.js meta.decorator variable.other.readwrite","source.js meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[JavaScript] Meta Object-Literal Key",scope:"source.js meta.object-literal.key",settings:{foreground:"#88C0D0"}},{name:"[JavaScript](JSDoc) Storage Type Class",scope:"source.js storage.type.class.jsdoc",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] String Template Literals Punctuation",scope:["source.js string.quoted.template punctuation.quasi.element.begin","source.js string.quoted.template punctuation.quasi.element.end","source.js string.template punctuation.definition.template-expression"],settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Interpolated String Template Punctuation Functions",scope:"source.js string.quoted.template meta.method-call.with-arguments",settings:{foreground:"#ECEFF4"}},{name:"[JavaScript] String Template Literal Variable",scope:["source.js string.template meta.template.expression support.variable.property","source.js string.template meta.template.expression variable.other.object"],settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Support Type Primitive",scope:"source.js support.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Variable Other Object",scope:"source.js variable.other.object",settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Variable Other Read-Write Alias",scope:"source.js variable.other.readwrite.alias",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] Parentheses in Template Strings",scope:["source.js meta.embedded.line meta.brace.square","source.js meta.embedded.line meta.brace.round","source.js string.quoted.template meta.brace.square","source.js string.quoted.template meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[HTML] Constant Character Entity",scope:"text.html.basic constant.character.entity.html",settings:{foreground:"#EBCB8B"}},{name:"[HTML] Constant Other Inline-Data",scope:"text.html.basic constant.other.inline-data",settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[HTML] Meta Tag SGML Doctype",scope:"text.html.basic meta.tag.sgml.doctype",settings:{foreground:"#5E81AC"}},{name:"[HTML] Punctuation Definition Entity",scope:"text.html.basic punctuation.definition.entity",settings:{foreground:"#81A1C1"}},{name:"[INI] Entity Name Section Group-Title",scope:"source.properties entity.name.section.group-title.ini",settings:{foreground:"#88C0D0"}},{name:"[INI] Punctuation Separator Key-Value",scope:"source.properties punctuation.separator.key-value.ini",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Fenced Code Block",scope:["text.html.markdown markup.fenced_code.block","text.html.markdown markup.fenced_code.block punctuation.definition"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Heading",scope:"markup.heading",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Inline",scope:["text.html.markdown markup.inline.raw","text.html.markdown markup.inline.raw punctuation.definition.raw"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Italic",scope:"text.html.markdown markup.italic",settings:{fontStyle:"italic"}},{name:"[Markdown] Markup Link",scope:"text.html.markdown markup.underline.link",settings:{fontStyle:"underline"}},{name:"[Markdown] Markup List Numbered/Unnumbered",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown beginning.punctuation.definition.quote",settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown markup.quote",settings:{foreground:"#616E88"}},{name:"[Markdown] Markup Math Constant",scope:"text.html.markdown constant.character.math.tex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Math Definition Marker",scope:["text.html.markdown punctuation.definition.math.begin","text.html.markdown punctuation.definition.math.end"],settings:{foreground:"#5E81AC"}},{name:"[Markdown] Markup Math Function Definition Marker",scope:"text.html.markdown punctuation.definition.function.math.tex",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Math Operator",scope:"text.html.markdown punctuation.math.operator.latex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Heading",scope:"text.html.markdown punctuation.definition.heading",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Constant/String",scope:["text.html.markdown punctuation.definition.constant","text.html.markdown punctuation.definition.string"],settings:{foreground:"#81A1C1"}},{name:"[Markdown] String Other Link Description/Title",scope:["text.html.markdown constant.other.reference.link","text.html.markdown string.other.link.description","text.html.markdown string.other.link.title"],settings:{foreground:"#88C0D0"}},{name:"[Perl] Perl Sigils",scope:"source.perl punctuation.definition.variable",settings:{foreground:"#D8DEE9"}},{name:"[PHP] Meta Function-Call Object",scope:["source.php meta.function-call","source.php meta.function-call.object"],settings:{foreground:"#88C0D0"}},{name:"[Python] Decorator",scope:["source.python entity.name.function.decorator","source.python meta.function.decorator support.type"],settings:{foreground:"#D08770"}},{name:"[Python] Function Call",scope:"source.python meta.function-call.generic",settings:{foreground:"#88C0D0"}},{name:"[Python] Support Type",scope:"source.python support.type",settings:{foreground:"#88C0D0"}},{name:"[Python] Function Parameter",scope:["source.python variable.parameter.function.language"],settings:{foreground:"#D8DEE9"}},{name:"[Python] Function Parameter Special",scope:["source.python meta.function.parameters variable.parameter.function.language.special.self"],settings:{foreground:"#81A1C1"}},{name:"[Rust] Entity types",scope:"source.rust entity.name.type",settings:{foreground:"#8FBCBB"}},{name:"[Rust] Macro",scope:"source.rust meta.macro entity.name.function",settings:{fontStyle:"bold",foreground:"#88C0D0"}},{name:"[Rust] Attributes",scope:["source.rust meta.attribute","source.rust meta.attribute punctuation","source.rust meta.attribute keyword.operator"],settings:{foreground:"#5E81AC"}},{name:"[Rust] Traits",scope:"source.rust entity.name.type.trait",settings:{fontStyle:"bold"}},{name:"[Rust] Interpolation Bracket Curly",scope:"source.rust punctuation.definition.interpolation",settings:{foreground:"#EBCB8B"}},{name:"[SCSS] Punctuation Definition Interpolation Bracket Curly",scope:["source.css.scss punctuation.definition.interpolation.begin.bracket.curly","source.css.scss punctuation.definition.interpolation.end.bracket.curly"],settings:{foreground:"#81A1C1"}},{name:"[SCSS] Variable Interpolation",scope:"source.css.scss variable.interpolation",settings:{foreground:"#D8DEE9",fontStyle:"italic"}},{name:"[TypeScript] Decorators",scope:["source.ts punctuation.decorator","source.ts meta.decorator variable.other.readwrite","source.ts meta.decorator entity.name.function","source.tsx punctuation.decorator","source.tsx meta.decorator variable.other.readwrite","source.tsx meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[TypeScript] Object-literal keys",scope:["source.ts meta.object-literal.key","source.tsx meta.object-literal.key"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Object-literal functions",scope:["source.ts meta.object-literal.key entity.name.function","source.tsx meta.object-literal.key entity.name.function"],settings:{foreground:"#88C0D0"}},{name:"[TypeScript] Type/Class",scope:["source.ts support.class","source.ts support.type","source.ts entity.name.type","source.ts entity.name.class","source.tsx support.class","source.tsx support.type","source.tsx entity.name.type","source.tsx entity.name.class"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Static Class Support",scope:["source.ts support.constant.math","source.ts support.constant.dom","source.ts support.constant.json","source.tsx support.constant.math","source.tsx support.constant.dom","source.tsx support.constant.json"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Variables",scope:["source.ts support.variable","source.tsx support.variable"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Parentheses in Template Strings",scope:["source.ts meta.embedded.line meta.brace.square","source.ts meta.embedded.line meta.brace.round","source.tsx meta.embedded.line meta.brace.square","source.tsx meta.embedded.line meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[XML] Entity Name Tag Namespace",scope:"text.xml entity.name.tag.namespace",settings:{foreground:"#8FBCBB"}},{name:"[XML] Keyword Other Doctype",scope:"text.xml keyword.other.doctype",settings:{foreground:"#5E81AC"}},{name:"[XML] Meta Tag Preprocessor",scope:"text.xml meta.tag.preprocessor entity.name.tag",settings:{foreground:"#5E81AC"}},{name:"[XML] Entity Name Tag Namespace",scope:["text.xml string.unquoted.cdata","text.xml string.unquoted.cdata punctuation.definition.string"],settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[YAML] Entity Name Tag",scope:"source.yaml entity.name.tag",settings:{foreground:"#8FBCBB"}}]},autoImport:!0,showCopyButton:!0,skipLanguages:[],filepath:"/Users/bytedance/modern.js/website/module-tools/docs/zh/guide/advance/in-depth-about-build.md"},i={sidebar_position:1},l=[{id:"\u6df1\u5165\u7406\u89e3-buildconfig",text:"\u6df1\u5165\u7406\u89e3 buildConfig",depth:2},{id:"bundle-\u548c-bundleless",text:"Bundle \u548c Bundleless",depth:3},{id:"input-\u4e0e-sourcedir-\u7684\u5173\u7cfb",text:"input \u4e0e sourceDir \u7684\u5173\u7cfb",depth:3},{id:"input-\u7684\u5bf9\u8c61\u6a21\u5f0f",text:"input \u7684\u5bf9\u8c61\u6a21\u5f0f",depth:4},{id:"sourcedir",text:"sourceDir",depth:4},{id:"\u7c7b\u578b\u6587\u4ef6",text:"\u7c7b\u578b\u6587\u4ef6",depth:3},{id:"\u5173\u95ed\u7c7b\u578b\u751f\u6210",text:"\u5173\u95ed\u7c7b\u578b\u751f\u6210",depth:4},{id:"\u6253\u5305\u7c7b\u578b\u6587\u4ef6",text:"\u6253\u5305\u7c7b\u578b\u6587\u4ef6",depth:4},{id:"\u522b\u540d\u8f6c\u6362",text:"\u522b\u540d\u8f6c\u6362",depth:4},{id:"\u4e00\u4e9b-dts-\u7684\u4f7f\u7528\u793a\u4f8b",text:"\u4e00\u4e9b dts \u7684\u4f7f\u7528\u793a\u4f8b",depth:4},{id:"buildconfigdefine-\u4e0d\u540c\u573a\u666f\u7684\u4f7f\u7528\u65b9\u5f0f",text:"buildConfig.define \u4e0d\u540c\u573a\u666f\u7684\u4f7f\u7528\u65b9\u5f0f",depth:3},{id:"\u73af\u5883\u53d8\u91cf\u66ff\u6362",text:"\u73af\u5883\u53d8\u91cf\u66ff\u6362",depth:4},{id:"\u5168\u5c40\u53d8\u91cf\u66ff\u6362",text:"\u5168\u5c40\u53d8\u91cf\u66ff\u6362",depth:4},{id:"\u6784\u5efa\u8fc7\u7a0b",text:"\u6784\u5efa\u8fc7\u7a0b",depth:2},{id:"\u6784\u5efa\u62a5\u9519",text:"\u6784\u5efa\u62a5\u9519",depth:2}],d="\u6df1\u5165\u7406\u89e3\u6784\u5efa",a="\"---\\nsidebar_position: 1\\n---\\n\\n# \u6df1\u5165\u7406\u89e3\u6784\u5efa\\n\\n\u5728\u3010\u57fa\u7840\u4f7f\u7528\u3011\u7684\u90e8\u5206\uff0c\u6211\u4eec\u5df2\u7ecf\u77e5\u9053\u53ef\u4ee5\u901a\u8fc7 `buildConfig` \u914d\u7f6e\u5bf9\u9879\u76ee\u7684\u8f93\u51fa\u4ea7\u7269\u8fdb\u884c\u4fee\u6539\u3002`buildConfig` \u4e0d\u4ec5\u63cf\u8ff0\u4e86\u4ea7\u7269\u7684\u4e00\u4e9b\u7279\u6027\uff0c\u540c\u65f6\u8fd8\u4e3a\u6784\u5efa\u4ea7\u7269\u63d0\u4f9b\u4e86\u4e00\u4e9b\u529f\u80fd\u3002\\n\\n:::tip{title=\u6ce8\u610f}\\n\u5982\u679c\u4f60\u8fd8\u4e0d\u6e05\u695a `buildConfig` \u662f\u4ec0\u4e48\uff0c\u5efa\u8bae\u82b1\u4e00\u4e9b\u65f6\u95f4\u901a\u8fc7\u4e0b\u9762\u7684\u94fe\u63a5\u4e86\u89e3\u4e00\u4e0b\uff1a\\n\\n- \u3010[\u4fee\u6539\u8f93\u51fa\u4ea7\u7269](/guide/basic/modify-output-product)\u3011\\n\\n:::\\n\\n\u800c\u5728\u672c\u7ae0\u91cc\u6211\u4eec\u5c06\u8981\u6df1\u5165\u7406\u89e3\u67d0\u4e9b\u6784\u5efa\u914d\u7f6e\u7684\u4f7f\u7528\u4ee5\u53ca\u4e86\u89e3\u6267\u884c `modern build` \u547d\u4ee4\u7684\u65f6\u5019\u53d1\u751f\u4e86\u4ec0\u4e48\u3002\\n\\n## \u6df1\u5165\u7406\u89e3 `buildConfig`\\n\\n### Bundle \u548c Bundleless\\n\\n\u90a3\u4e48\u9996\u5148\u6211\u4eec\u6765\u4e86\u89e3\u4e00\u4e0b Bundle \u548c Bundleless\u3002\\n\\n\u6240\u8c13 Bundle \u662f\u6307\u5bf9\u6784\u5efa\u4ea7\u7269\u8fdb\u884c\u6253\u5305\uff0c\u6784\u5efa\u4ea7\u7269\u53ef\u80fd\u662f\u4e00\u4e2a\u6587\u4ef6\uff0c\u4e5f\u6709\u53ef\u80fd\u662f\u57fa\u4e8e\u4e00\u5b9a\u7684[\u4ee3\u7801\u62c6\u5206\u7b56\u7565](https://esbuild.github.io/api/#splitting)\u5f97\u5230\u7684\u591a\u4e2a\u6587\u4ef6\u3002\\n\\n\u800c Bundleless \u5219\u662f\u6307\u5bf9\u6bcf\u4e2a\u6e90\u6587\u4ef6\u5355\u72ec\u8fdb\u884c\u7f16\u8bd1\u6784\u5efa\uff0c\u4f46\u662f\u5e76\u4e0d\u5c06\u5b83\u4eec\u6253\u5305\u5728\u4e00\u8d77\u3002\u6bcf\u4e00\u4e2a\u4ea7\u7269\u6587\u4ef6\u90fd\u53ef\u4ee5\u627e\u5230\u4e0e\u4e4b\u76f8\u5bf9\u5e94\u7684\u6e90\u7801\u6587\u4ef6\u3002**Bundleless \u6784\u5efa\u7684\u8fc7\u7a0b\uff0c\u4e5f\u53ef\u4ee5\u7406\u89e3\u4e3a\u4ec5\u5bf9\u6e90\u6587\u4ef6\u8fdb\u884c\u4ee3\u7801\u8f6c\u6362\u7684\u8fc7\u7a0b**\u3002\\n\\n\u5728 `buildConfig` \u4e2d\u53ef\u4ee5\u901a\u8fc7 [`buildConfig.buildType`](/api/config/build-config#buildtype) \u6765\u6307\u5b9a\u5f53\u524d\u6784\u5efa\u4efb\u52a1\u662f Bundle \u8fd8\u662f Bundleless\u3002\\n\\n### `input` \u4e0e `sourceDir` \u7684\u5173\u7cfb\\n\\n[`buildConfig.input`](/api/config/build-config#input) \u7528\u4e8e\u6307\u5b9a\u8bfb\u53d6\u6e90\u7801\u7684\u6587\u4ef6\u8def\u5f84\u6216\u8005\u76ee\u5f55\u8def\u5f84\uff0c\u5176\u9ed8\u8ba4\u503c\u5728 Bundle \u548c Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\u6709\u6240\u4e0d\u540c\uff1a\\n\\n- \u5f53 `buildType: 'bundle'` \u7684\u65f6\u5019\uff0c`input` \u9ed8\u8ba4\u503c\u4e3a `['src/index.ts']`\\n- \u5f53 `buildType: 'bundleless'` \u7684\u65f6\u5019\uff0c`input` \u9ed8\u8ba4\u503c\u4e3a `['src']`\\n  > \u5b9e\u9645\u4e0a\uff0c\u5728 `buildType: 'bundle'` \u7684\u65f6\u5019\uff0c\u6784\u5efa\u5de5\u5177\u4f1a\u68c0\u6d4b\u662f\u5426\u5b58\u5728\u7b26\u5408 `src/index.(j|t)sx?` \u8fd9\u4e2a\u540d\u79f0\u89c4\u5219\u7684\u6587\u4ef6\uff0c\u5e76\u5c06\u5176\u4f5c\u4e3a\u5165\u53e3\u6587\u4ef6\u3002\\n\\n:::warning {title=\u6ce8\u610f}\\n\u5efa\u8bae\u4e0d\u8981\u5728 Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\u6307\u5b9a\u591a\u4e2a\u6e90\u7801\u6587\u4ef6\u76ee\u5f55\uff0c\u53ef\u80fd\u51fa\u73b0\u4e0d\u7b26\u5408\u9884\u671f\u7684\u7ed3\u679c\u3002\u76ee\u524d\u591a\u4e2a\u6e90\u7801\u76ee\u5f55\u7684 Bundleless \u6784\u5efa\u8fd8\u5904\u4e8e\u4e0d\u7a33\u5b9a\u9636\u6bb5\u3002\\n:::\\n\\n\u4ece\u9ed8\u8ba4\u503c\u4e0a\u6211\u4eec\u53ef\u4ee5\u77e5\u9053\uff1a**Bundle \u6784\u5efa\u4e00\u822c\u53ef\u4ee5\u6307\u5b9a\u6587\u4ef6\u8def\u5f84\u4f5c\u4e3a\u6784\u5efa\u7684\u5165\u53e3\uff0c\u800c Bundleless \u6784\u5efa\u5219\u66f4\u671f\u671b\u4f7f\u7528\u76ee\u5f55\u8def\u5f84\u5bfb\u627e\u6e90\u6587\u4ef6**\u3002\\n\\n#### `input` \u7684\u5bf9\u8c61\u6a21\u5f0f\\n\\n\u5728 Bundle \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c\u9664\u4e86\u5c06 `input` \u8bbe\u7f6e\u4e3a\u4e00\u4e2a\u6570\u7ec4\uff0c\u4e5f\u53ef\u4ee5\u5c06\u5b83\u8bbe\u7f6e\u4e3a\u4e00\u4e2a\u5bf9\u8c61\u3002**\u901a\u8fc7\u4f7f\u7528\u5bf9\u8c61\u7684\u5f62\u5f0f\uff0c\u6211\u4eec\u53ef\u4ee5\u4fee\u6539\u6784\u5efa\u4ea7\u7269\u8f93\u51fa\u7684\u6587\u4ef6\u540d\u79f0**\u3002\u90a3\u4e48\u5bf9\u4e8e\u4e0b\u9762\u7684\u4f8b\u5b50\uff0c`./src/index.ts` \u5bf9\u5e94\u7684\u6784\u5efa\u4ea7\u7269\u6587\u4ef6\u8def\u5f84\u4e3a `./dist/main.js`\u3002\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    input: {\\n      main: ['./src/index.ts'],\\n    },\\n    outDir: './dist',\\n  },\\n});\\n```\\n\\n\u800c\u5728 Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c\u867d\u7136\u540c\u6837\u652f\u6301\u8fd9\u6837\u7684\u4f7f\u7528\u65b9\u5f0f\uff0c\u4f46\u662f\u5e76\u4e0d\u63a8\u8350\u3002\\n\\n#### `sourceDir`\\n\\n[`sourceDir`](/api/config/build-config#sourcedir) \u7528\u4e8e\u6307\u5b9a\u6e90\u7801\u76ee\u5f55\uff0c\u5b83\u4e3b\u8981\u4e0e\u4ee5\u4e0b\u4e24\u4e2a\u5185\u5bb9\u6709\u5173\u7cfb\uff1a\\n\\n- \u7c7b\u578b\u6587\u4ef6\u751f\u6210\\n- \u6307\u5b9a\u6784\u5efa\u8fc7\u7a0b\u4e2d\u7684 [`outbase`](https://esbuild.github.io/api/#outbase)\\n\\n\u4e00\u822c\u6765\u8bf4\uff1a\\n\\n- **\u5728 Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c`sourceDir` \u4e0e `input` \u7684\u503c\u8981\u4fdd\u6301\u4e00\u81f4\uff0c\u5b83\u4eec\u7684\u9ed8\u8ba4\u503c\u90fd\u662f `src`**\u3002\\n- \u5728 Bundle \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c\u5f88\u5c11\u9700\u8981\u4f7f\u7528 `sourceDir`\u3002\\n\\n### \u7c7b\u578b\u6587\u4ef6\\n\\n[`buildConfig.dts`](/api/config/build-config#dts) \u914d\u7f6e\u4e3b\u8981\u7528\u4e8e\u7c7b\u578b\u6587\u4ef6\u7684\u751f\u6210\u3002\\n\\n#### \u5173\u95ed\u7c7b\u578b\u751f\u6210\\n\\n\u9ed8\u8ba4\u60c5\u51b5\u4e0b\u7c7b\u578b\u751f\u6210\u529f\u80fd\u662f\u5f00\u542f\u7684\uff0c\u5982\u679c\u9700\u8981\u5173\u95ed\u7684\u8bdd\uff0c\u53ef\u4ee5\u6309\u7167\u5982\u4e0b\u914d\u7f6e\uff1a\\n\\n```js modern.config.ts\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  buildConfig: {\\n    dts: false,\\n  },\\n});\\n```\\n\\n:::tip\\n\u5173\u95ed\u7c7b\u578b\u6587\u4ef6\u540e\uff0c\u4e00\u822c\u6765\u8bf4\u6784\u5efa\u901f\u5ea6\u4f1a\u6709\u6240\u63d0\u5347\u3002\\n:::\\n\\n#### \u6253\u5305\u7c7b\u578b\u6587\u4ef6\\n\\n\u5728 `buildType: 'bundleless'` \u7684\u65f6\u5019\uff0c\u7c7b\u578b\u6587\u4ef6\u7684\u751f\u6210\u662f\u4f7f\u7528\u9879\u76ee\u7684 `tsc` \u547d\u4ee4\u6765\u5b8c\u6210\u751f\u4ea7\u3002\\n\\n**\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\u540c\u65f6\u8fd8\u652f\u6301\u5bf9\u7c7b\u578b\u6587\u4ef6\u8fdb\u884c\u6253\u5305**\uff0c\u4e0d\u8fc7\u4f7f\u7528\u8be5\u529f\u80fd\u7684\u65f6\u5019\u9700\u8981\u6ce8\u610f\uff1a\\n\\n- \u4e00\u4e9b\u7b2c\u4e09\u65b9\u4f9d\u8d56\u5b58\u5728\u9519\u8bef\u7684\u8bed\u6cd5\u4f1a\u5bfc\u81f4\u6253\u5305\u8fc7\u7a0b\u5931\u8d25\u3002\u56e0\u6b64\u5bf9\u4e8e\u8fd9\u79cd\u60c5\u51b5\uff0c\u9700\u8981\u624b\u52a8\u901a\u8fc7 [`buildConfig.externals`](/api/config/build-config#externals) \u5c06\u8fd9\u7c7b\u7b2c\u4e09\u65b9\u5305\u6392\u9664\u3002\\n- \u5bf9\u4e8e\u7b2c\u4e09\u65b9\u4f9d\u8d56\u7684\u7c7b\u578b\u6587\u4ef6\u6307\u5411\u7684\u662f\u4e00\u4e2a `.ts` \u6587\u4ef6\u7684\u60c5\u51b5\uff0c\u76ee\u524d\u65e0\u6cd5\u5904\u7406\u3002\u6bd4\u5982\u7b2c\u4e09\u65b9\u4f9d\u8d56\u7684 `package.json` \u4e2d\u5b58\u5728\u8fd9\u6837\u7684\u5185\u5bb9\uff1a `{\\\"types\\\": \\\"./src/index.ts\\\"}`\u3002\\n\\n#### \u522b\u540d\u8f6c\u6362\\n\\n\u5728 Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c\u5982\u679c\u6e90\u4ee3\u7801\u4e2d\u51fa\u73b0\u4e86\u522b\u540d\uff0c\u4f8b\u5982\uff1a\\n\\n```js ./src/index.ts\\nimport utils from '@common/utils';\\n```\\n\\n\u6b63\u5e38\u6765\u8bf4\uff0c\u4f7f\u7528 `tsc` \u751f\u6210\u7684\u4ea7\u7269\u7c7b\u578b\u6587\u4ef6\u4e5f\u4f1a\u5305\u542b\u8fd9\u4e9b\u522b\u540d\u3002\u4e0d\u8fc7 Module Tools \u4f1a\u5bf9 `tsc` \u751f\u6210\u7684\u7c7b\u578b\u6587\u4ef6\u91cc\u7684\u522b\u540d\u8fdb\u884c\u8f6c\u6362\u5904\u7406\uff1a\\n\\n- \u5bf9\u4e8e\u7c7b\u4f3c `import '@common/utils'` \u6216\u8005 `import utils from '@common/utils'` \u8fd9\u6837\u5f62\u5f0f\u7684\u4ee3\u7801\u53ef\u4ee5\u8fdb\u884c\u522b\u540d\u8f6c\u6362\u3002\\n- \u5bf9\u4e8e\u7c7b\u4f3c `export { utils } from '@common/utils'` \u8fd9\u6837\u5f62\u5f0f\u7684\u4ee3\u7801\u53ef\u4ee5\u8fdb\u884c\u522b\u540d\u8f6c\u6362\u3002\\n\\n\u7136\u800c\u4e5f\u5b58\u5728\u4e00\u4e9b\u60c5\u51b5\uff0c\u76ee\u524d\u8fd8\u65e0\u6cd5\u5904\u7406\uff1a\\n\\n- \u5bf9\u4e8e\u7c7b\u4f3c `Promise<import('@common/utils')>` \u8fd9\u6837\u5f62\u5f0f\u7684\u8f93\u51fa\u7c7b\u578b\u76ee\u524d\u65e0\u6cd5\u8fdb\u884c\u8f6c\u6362\u3002\\n\\n#### \u4e00\u4e9b `dts` \u7684\u4f7f\u7528\u793a\u4f8b\\n\\n\u4e00\u822c\u4f7f\u7528\u65b9\u5f0f\uff1a\\n\\n```js\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  // \u6b64\u65f6\u6253\u5305\u7684\u7c7b\u578b\u6587\u4ef6\u8f93\u51fa\u8def\u5f84\u4e3a `./dist/types`\\n  buildConfig: {\\n    buildType: 'bundle',\\n    dts: {\\n      tsconfigPath: './other-tsconfig.json',\\n      distPath: './types',\\n    },\\n    outDir: './dist',\\n  },\\n});\\n```\\n\\n\u4f7f\u7528 `dts.only` \u7684\u60c5\u51b5\uff1a\\n\\n```js\\nimport { defineConfig } from '@modern-js/module-tools';\\n\\nexport default defineConfig({\\n  // \u6b64\u65f6\u7c7b\u578b\u6587\u4ef6\u6ca1\u6709\u8fdb\u884c\u6253\u5305\uff0c\u8f93\u51fa\u8def\u5f84\u4e3a `./dist/types`\\n  buildConfig: [\\n    {\\n      buildType: 'bundle',\\n      dts: false,\\n      outDir: './dist',\\n    },\\n    {\\n      buildType: 'bundleless',\\n      dts: {\\n        only: true,\\n      },\\n      outDir: './dist/types',\\n    },\\n  ],\\n});\\n```\\n\\n### `buildConfig.define` \u4e0d\u540c\u573a\u666f\u7684\u4f7f\u7528\u65b9\u5f0f\\n\\n[`buildConfig.define`](/api/config/build-config#define) \u529f\u80fd\u6709\u4e9b\u7c7b\u4f3c [`webpack.DefinePlugin`](https://webpack.js.org/plugins/define-plugin/)\u3002\u8fd9\u91cc\u4ecb\u7ecd\u51e0\u4e2a\u4f7f\u7528\u573a\u666f\uff1a\\n\\n#### \u73af\u5883\u53d8\u91cf\u66ff\u6362\\n\\n```js\\nimport { defineConfig } from '@modern-js/module-tools';\\nexport default defineConfig({\\n  buildConfig: {\\n    define: {\\n      'process.env.VERSION': JSON.stringify(process.env.VERSION || '0.0.0'),\\n    },\\n  },\\n});\\n```\\n\\n\u901a\u8fc7\u4e0a\u9762\u7684\u914d\u7f6e\uff0c\u6211\u4eec\u5c31\u53ef\u4ee5\u5c06\u4e0b\u9762\u8fd9\u6bb5\u4ee3\u7801\uff1a\\n\\n```js\\n// \u7f16\u8bd1\u524d\u4ee3\u7801\\nconsole.log(process.env.VERSION);\\n```\\n\\n\u5728\u6267\u884c `VERSION=1.0.0 modern build` \u7684\u65f6\u5019\uff0c\u8f6c\u6362\u4e3a\uff1a\\n\\n```js\\n// \u7f16\u8bd1\u540e\u4ee3\u7801\\nconsole.log('1.0.0');\\n```\\n\\n#### \u5168\u5c40\u53d8\u91cf\u66ff\u6362\\n\\n```js\\nimport { defineConfig } from '@modern-js/module-tools';\\nexport default defineConfig({\\n  buildConfig: {\\n    define: {\\n      VERSION: JSON.stringify(require('./package.json').version || '0.0.0'),\\n    },\\n  },\\n});\\n```\\n\\n\u901a\u8fc7\u4e0a\u9762\u7684\u914d\u7f6e\uff0c\u6211\u4eec\u5c31\u53ef\u4ee5\u5c06\u4e0b\u9762\u8fd9\u6bb5\u4ee3\u7801\uff1a\\n\\n```js\\n// \u7f16\u8bd1\u524d\u4ee3\u7801\\nconsole.log(VERSION);\\n```\\n\\n\u8f6c\u6362\u4e3a\uff1a\\n\\n```js\\n// \u7f16\u8bd1\u540e\u4ee3\u7801\\nconsole.log('1.0.0');\\n```\\n\\n\u4e0d\u8fc7\u8981\u6ce8\u610f\uff1a\u5982\u679c\u9879\u76ee\u662f\u4e00\u4e2a TypeScript \u9879\u76ee\uff0c\u90a3\u4e48\u4f60\u53ef\u80fd\u9700\u8981\u5728\u9879\u76ee\u6e90\u4ee3\u7801\u76ee\u5f55\u4e0b\u7684 `.d.ts` \u6587\u4ef6\u91cc\u589e\u52a0\u4ee5\u4e0b\u5185\u5bb9\uff1a\\n\\n> \u5982\u679c\u4e0d\u5b58\u5728 `d.ts` \u6587\u4ef6\uff0c\u5219\u53ef\u4ee5\u624b\u52a8\u521b\u5efa\u3002\\n\\n```ts env.d.ts\\ndeclare const YOUR_ADD_GLOBAL_VAR;\\n```\\n\\n## \u6784\u5efa\u8fc7\u7a0b\\n\\n\u5f53\u6267\u884c `modern build` \u547d\u4ee4\u7684\u65f6\u5019\uff0c\u4f1a\u53d1\u751f\\n\\n- \u6839\u636e `buildConfig.outDir` \u6e05\u7406\u4ea7\u7269\u76ee\u5f55\u3002\\n- \u7f16\u8bd1 `js/ts` \u6e90\u4ee3\u7801\u751f\u6210 Bundle/Bundleless \u7684 JS \u6784\u5efa\u4ea7\u7269\u3002\\n- \u4f7f\u7528 `tsc` \u751f\u6210 Bundle/Bundleless \u7684\u7c7b\u578b\u6587\u4ef6\u3002\\n- \u5904\u7406 Copy \u4efb\u52a1\u3002\\n\\n## \u6784\u5efa\u62a5\u9519\\n\\n\u5f53\u53d1\u751f\u6784\u5efa\u62a5\u9519\u7684\u65f6\u5019\uff0c\u57fa\u4e8e\u4ee5\u4e0a\u4e86\u89e3\u5230\u7684\u4fe1\u606f\uff0c\u53ef\u4ee5\u5f88\u5bb9\u6613\u7684\u660e\u767d\u5728\u7ec8\u7aef\u51fa\u73b0\u7684\u62a5\u9519\u5185\u5bb9\uff1a\\n\\n**js \u6216\u8005 ts \u6784\u5efa\u7684\u62a5\u9519\uff1a**\\n\\n```bash\\nerror  ModuleBuildError:\\n\\n\u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e\\n\u2502 bundle failed:        \u2502\\n\u2502  - format is \\\"cjs\\\"    \u2502\\n\u2502  - target is \\\"esnext\\\" \u2502\\n\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256f\\n\\nDetailed Information:\\n```\\n\\n**\u7c7b\u578b\u6587\u4ef6\u751f\u6210\u8fc7\u7a0b\u7684\u62a5\u9519\uff1a**\\n\\n```bash\\nerror   ModuleBuildError:\\n\\nbundle DTS failed:\\n```\\n\\n\u5bf9\u4e8e `js/ts` \u6784\u5efa\u9519\u8bef\uff0c\u6211\u4eec\u53ef\u4ee5\u4ece\u62a5\u9519\u4fe1\u606f\u4e2d\u77e5\u9053\uff1a\\n\\n- \u901a\u8fc7 `'bundle failed:'` \u6765\u5224\u65ad\u62a5\u9519\u7684\u662f Bundle \u6784\u5efa\u8fd8\u662f Bundleless \u6784\u5efa\uff1f\\n- \u6784\u5efa\u8fc7\u7a0b\u7684 `format` \u662f\u4ec0\u4e48\uff1f\\n- \u6784\u5efa\u8fc7\u7a0b\u7684 `target` \u662f\u4ec0\u4e48\uff1f\\n- \u5177\u4f53\u7684\u62a5\u9519\u4fe1\u606f\u3002\\n\"";function p(e){const o=Object.assign({h1:"h1",a:"a",p:"p",code:"code",div:"div",ul:"ul",li:"li",h2:"h2",h3:"h3",strong:"strong",blockquote:"blockquote",h4:"h4"},e.components);return s||u("CH",!1),s.Code||u("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.h1,{id:"\u6df1\u5165\u7406\u89e3\u6784\u5efa",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u6df1\u5165\u7406\u89e3\u6784\u5efa",children:"#"}),"\u6df1\u5165\u7406\u89e3\u6784\u5efa"]}),"\n",(0,n.jsxs)(o.p,{children:["\u5728\u3010\u57fa\u7840\u4f7f\u7528\u3011\u7684\u90e8\u5206\uff0c\u6211\u4eec\u5df2\u7ecf\u77e5\u9053\u53ef\u4ee5\u901a\u8fc7 ",(0,n.jsx)(o.code,{children:"buildConfig"})," \u914d\u7f6e\u5bf9\u9879\u76ee\u7684\u8f93\u51fa\u4ea7\u7269\u8fdb\u884c\u4fee\u6539\u3002",(0,n.jsx)(o.code,{children:"buildConfig"})," \u4e0d\u4ec5\u63cf\u8ff0\u4e86\u4ea7\u7269\u7684\u4e00\u4e9b\u7279\u6027\uff0c\u540c\u65f6\u8fd8\u4e3a\u6784\u5efa\u4ea7\u7269\u63d0\u4f9b\u4e86\u4e00\u4e9b\u529f\u80fd\u3002"]}),"\n",(0,n.jsxs)(o.div,{className:"modern-directive tip",children:[(0,n.jsx)(o.p,{className:"modern-directive-title",children:"\u6ce8\u610f"}),(0,n.jsxs)(o.div,{className:"modern-directive-content",children:[(0,n.jsxs)(o.p,{children:["\n\u5982\u679c\u4f60\u8fd8\u4e0d\u6e05\u695a ",(0,n.jsx)(o.code,{children:"buildConfig"})," \u662f\u4ec0\u4e48\uff0c\u5efa\u8bae\u82b1\u4e00\u4e9b\u65f6\u95f4\u901a\u8fc7\u4e0b\u9762\u7684\u94fe\u63a5\u4e86\u89e3\u4e00\u4e0b\uff1a"]}),(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:["\u3010",(0,n.jsx)(o.a,{href:"/module-tools/guide/basic/modify-output-product.html",children:"\u4fee\u6539\u8f93\u51fa\u4ea7\u7269"}),"\u3011"]}),"\n"]})]})]}),"\n",(0,n.jsxs)(o.p,{children:["\u800c\u5728\u672c\u7ae0\u91cc\u6211\u4eec\u5c06\u8981\u6df1\u5165\u7406\u89e3\u67d0\u4e9b\u6784\u5efa\u914d\u7f6e\u7684\u4f7f\u7528\u4ee5\u53ca\u4e86\u89e3\u6267\u884c ",(0,n.jsx)(o.code,{children:"modern build"})," \u547d\u4ee4\u7684\u65f6\u5019\u53d1\u751f\u4e86\u4ec0\u4e48\u3002"]}),"\n",(0,n.jsxs)(o.h2,{id:"\u6df1\u5165\u7406\u89e3-buildconfig",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u6df1\u5165\u7406\u89e3-buildconfig",children:"#"}),"\u6df1\u5165\u7406\u89e3 ",(0,n.jsx)(o.code,{children:"buildConfig"})]}),"\n",(0,n.jsxs)(o.h3,{id:"bundle-\u548c-bundleless",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#bundle-\u548c-bundleless",children:"#"}),"Bundle \u548c Bundleless"]}),"\n",(0,n.jsx)(o.p,{children:"\u90a3\u4e48\u9996\u5148\u6211\u4eec\u6765\u4e86\u89e3\u4e00\u4e0b Bundle \u548c Bundleless\u3002"}),"\n",(0,n.jsxs)(o.p,{children:["\u6240\u8c13 Bundle \u662f\u6307\u5bf9\u6784\u5efa\u4ea7\u7269\u8fdb\u884c\u6253\u5305\uff0c\u6784\u5efa\u4ea7\u7269\u53ef\u80fd\u662f\u4e00\u4e2a\u6587\u4ef6\uff0c\u4e5f\u6709\u53ef\u80fd\u662f\u57fa\u4e8e\u4e00\u5b9a\u7684",(0,n.jsx)(o.a,{href:"https://esbuild.github.io/api/#splitting-6",target:"_blank",rel:"nofollow",children:"\u4ee3\u7801\u62c6\u5206\u7b56\u7565"}),"\u5f97\u5230\u7684\u591a\u4e2a\u6587\u4ef6\u3002"]}),"\n",(0,n.jsxs)(o.p,{children:["\u800c Bundleless \u5219\u662f\u6307\u5bf9\u6bcf\u4e2a\u6e90\u6587\u4ef6\u5355\u72ec\u8fdb\u884c\u7f16\u8bd1\u6784\u5efa\uff0c\u4f46\u662f\u5e76\u4e0d\u5c06\u5b83\u4eec\u6253\u5305\u5728\u4e00\u8d77\u3002\u6bcf\u4e00\u4e2a\u4ea7\u7269\u6587\u4ef6\u90fd\u53ef\u4ee5\u627e\u5230\u4e0e\u4e4b\u76f8\u5bf9\u5e94\u7684\u6e90\u7801\u6587\u4ef6\u3002",(0,n.jsx)(o.strong,{children:"Bundleless \u6784\u5efa\u7684\u8fc7\u7a0b\uff0c\u4e5f\u53ef\u4ee5\u7406\u89e3\u4e3a\u4ec5\u5bf9\u6e90\u6587\u4ef6\u8fdb\u884c\u4ee3\u7801\u8f6c\u6362\u7684\u8fc7\u7a0b"}),"\u3002"]}),"\n",(0,n.jsxs)(o.p,{children:["\u5728 ",(0,n.jsx)(o.code,{children:"buildConfig"})," \u4e2d\u53ef\u4ee5\u901a\u8fc7 ",(0,n.jsx)(o.a,{href:"/module-tools/api/config/build-config.html#buildtype-4",children:(0,n.jsx)(o.code,{children:"buildConfig.buildType"})})," \u6765\u6307\u5b9a\u5f53\u524d\u6784\u5efa\u4efb\u52a1\u662f Bundle \u8fd8\u662f Bundleless\u3002"]}),"\n",(0,n.jsxs)(o.h3,{id:"input-\u4e0e-sourcedir-\u7684\u5173\u7cfb",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#input-\u4e0e-sourcedir-\u7684\u5173\u7cfb",children:"#"}),(0,n.jsx)(o.code,{children:"input"})," \u4e0e ",(0,n.jsx)(o.code,{children:"sourceDir"})," \u7684\u5173\u7cfb"]}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.jsx)(o.a,{href:"/module-tools/api/config/build-config.html#input-4",children:(0,n.jsx)(o.code,{children:"buildConfig.input"})})," \u7528\u4e8e\u6307\u5b9a\u8bfb\u53d6\u6e90\u7801\u7684\u6587\u4ef6\u8def\u5f84\u6216\u8005\u76ee\u5f55\u8def\u5f84\uff0c\u5176\u9ed8\u8ba4\u503c\u5728 Bundle \u548c Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\u6709\u6240\u4e0d\u540c\uff1a"]}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:["\u5f53 ",(0,n.jsx)(o.code,{children:"buildType: 'bundle'"})," \u7684\u65f6\u5019\uff0c",(0,n.jsx)(o.code,{children:"input"})," \u9ed8\u8ba4\u503c\u4e3a ",(0,n.jsx)(o.code,{children:"['src/index.ts']"})]}),"\n",(0,n.jsxs)(o.li,{children:["\u5f53 ",(0,n.jsx)(o.code,{children:"buildType: 'bundleless'"})," \u7684\u65f6\u5019\uff0c",(0,n.jsx)(o.code,{children:"input"})," \u9ed8\u8ba4\u503c\u4e3a ",(0,n.jsx)(o.code,{children:"['src']"}),"\n",(0,n.jsxs)(o.blockquote,{children:["\n",(0,n.jsxs)(o.p,{children:["\u5b9e\u9645\u4e0a\uff0c\u5728 ",(0,n.jsx)(o.code,{children:"buildType: 'bundle'"})," \u7684\u65f6\u5019\uff0c\u6784\u5efa\u5de5\u5177\u4f1a\u68c0\u6d4b\u662f\u5426\u5b58\u5728\u7b26\u5408 ",(0,n.jsx)(o.code,{children:"src/index.(j|t)sx?"})," \u8fd9\u4e2a\u540d\u79f0\u89c4\u5219\u7684\u6587\u4ef6\uff0c\u5e76\u5c06\u5176\u4f5c\u4e3a\u5165\u53e3\u6587\u4ef6\u3002"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(o.div,{className:"modern-directive warning",children:[(0,n.jsx)(o.p,{className:"modern-directive-title",children:"\u6ce8\u610f"}),(0,n.jsx)(o.div,{className:"modern-directive-content",children:(0,n.jsx)(o.p,{children:"\n\u5efa\u8bae\u4e0d\u8981\u5728 Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\u6307\u5b9a\u591a\u4e2a\u6e90\u7801\u6587\u4ef6\u76ee\u5f55\uff0c\u53ef\u80fd\u51fa\u73b0\u4e0d\u7b26\u5408\u9884\u671f\u7684\u7ed3\u679c\u3002\u76ee\u524d\u591a\u4e2a\u6e90\u7801\u76ee\u5f55\u7684 Bundleless \u6784\u5efa\u8fd8\u5904\u4e8e\u4e0d\u7a33\u5b9a\u9636\u6bb5\u3002"})})]}),"\n",(0,n.jsxs)(o.p,{children:["\u4ece\u9ed8\u8ba4\u503c\u4e0a\u6211\u4eec\u53ef\u4ee5\u77e5\u9053\uff1a",(0,n.jsx)(o.strong,{children:"Bundle \u6784\u5efa\u4e00\u822c\u53ef\u4ee5\u6307\u5b9a\u6587\u4ef6\u8def\u5f84\u4f5c\u4e3a\u6784\u5efa\u7684\u5165\u53e3\uff0c\u800c Bundleless \u6784\u5efa\u5219\u66f4\u671f\u671b\u4f7f\u7528\u76ee\u5f55\u8def\u5f84\u5bfb\u627e\u6e90\u6587\u4ef6"}),"\u3002"]}),"\n",(0,n.jsxs)(o.h4,{id:"input-\u7684\u5bf9\u8c61\u6a21\u5f0f",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#input-\u7684\u5bf9\u8c61\u6a21\u5f0f",children:"#"}),(0,n.jsx)(o.code,{children:"input"})," \u7684\u5bf9\u8c61\u6a21\u5f0f"]}),"\n",(0,n.jsxs)(o.p,{children:["\u5728 Bundle \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c\u9664\u4e86\u5c06 ",(0,n.jsx)(o.code,{children:"input"})," \u8bbe\u7f6e\u4e3a\u4e00\u4e2a\u6570\u7ec4\uff0c\u4e5f\u53ef\u4ee5\u5c06\u5b83\u8bbe\u7f6e\u4e3a\u4e00\u4e2a\u5bf9\u8c61\u3002",(0,n.jsx)(o.strong,{children:"\u901a\u8fc7\u4f7f\u7528\u5bf9\u8c61\u7684\u5f62\u5f0f\uff0c\u6211\u4eec\u53ef\u4ee5\u4fee\u6539\u6784\u5efa\u4ea7\u7269\u8f93\u51fa\u7684\u6587\u4ef6\u540d\u79f0"}),"\u3002\u90a3\u4e48\u5bf9\u4e8e\u4e0b\u9762\u7684\u4f8b\u5b50\uff0c",(0,n.jsx)(o.code,{children:"./src/index.ts"})," \u5bf9\u5e94\u7684\u6784\u5efa\u4ea7\u7269\u6587\u4ef6\u8def\u5f84\u4e3a ",(0,n.jsx)(o.code,{children:"./dist/main.js"}),"\u3002"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"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"}}}]},{tokens:[{content:"      ",props:{style:{color:"#D8DEE9FF"}}},{content:"main",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:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"    ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"    ",props:{style:{color:"#D8DEE9FF"}}},{content:"outDir",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./dist",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,n.jsx)(o.p,{children:"\u800c\u5728 Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c\u867d\u7136\u540c\u6837\u652f\u6301\u8fd9\u6837\u7684\u4f7f\u7528\u65b9\u5f0f\uff0c\u4f46\u662f\u5e76\u4e0d\u63a8\u8350\u3002"}),"\n",(0,n.jsxs)(o.h4,{id:"sourcedir",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#sourcedir",children:"#"}),(0,n.jsx)(o.code,{children:"sourceDir"})]}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.jsx)(o.a,{href:"/module-tools/api/config/build-config.html#sourcedir-7",children:(0,n.jsx)(o.code,{children:"sourceDir"})})," \u7528\u4e8e\u6307\u5b9a\u6e90\u7801\u76ee\u5f55\uff0c\u5b83\u4e3b\u8981\u4e0e\u4ee5\u4e0b\u4e24\u4e2a\u5185\u5bb9\u6709\u5173\u7cfb\uff1a"]}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"\u7c7b\u578b\u6587\u4ef6\u751f\u6210"}),"\n",(0,n.jsxs)(o.li,{children:["\u6307\u5b9a\u6784\u5efa\u8fc7\u7a0b\u4e2d\u7684 ",(0,n.jsx)(o.a,{href:"https://esbuild.github.io/api/#outbase-2",target:"_blank",rel:"nofollow",children:(0,n.jsx)(o.code,{children:"outbase"})})]}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:"\u4e00\u822c\u6765\u8bf4\uff1a"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:[(0,n.jsxs)(o.strong,{children:["\u5728 Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c",(0,n.jsx)(o.code,{children:"sourceDir"})," \u4e0e ",(0,n.jsx)(o.code,{children:"input"})," \u7684\u503c\u8981\u4fdd\u6301\u4e00\u81f4\uff0c\u5b83\u4eec\u7684\u9ed8\u8ba4\u503c\u90fd\u662f ",(0,n.jsx)(o.code,{children:"src"})]}),"\u3002"]}),"\n",(0,n.jsxs)(o.li,{children:["\u5728 Bundle \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c\u5f88\u5c11\u9700\u8981\u4f7f\u7528 ",(0,n.jsx)(o.code,{children:"sourceDir"}),"\u3002"]}),"\n"]}),"\n",(0,n.jsxs)(o.h3,{id:"\u7c7b\u578b\u6587\u4ef6",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u7c7b\u578b\u6587\u4ef6",children:"#"}),"\u7c7b\u578b\u6587\u4ef6"]}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.jsx)(o.a,{href:"/module-tools/api/config/build-config.html#dts-4",children:(0,n.jsx)(o.code,{children:"buildConfig.dts"})})," \u914d\u7f6e\u4e3b\u8981\u7528\u4e8e\u7c7b\u578b\u6587\u4ef6\u7684\u751f\u6210\u3002"]}),"\n",(0,n.jsxs)(o.h4,{id:"\u5173\u95ed\u7c7b\u578b\u751f\u6210",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u5173\u95ed\u7c7b\u578b\u751f\u6210",children:"#"}),"\u5173\u95ed\u7c7b\u578b\u751f\u6210"]}),"\n",(0,n.jsx)(o.p,{children:"\u9ed8\u8ba4\u60c5\u51b5\u4e0b\u7c7b\u578b\u751f\u6210\u529f\u80fd\u662f\u5f00\u542f\u7684\uff0c\u5982\u679c\u9700\u8981\u5173\u95ed\u7684\u8bdd\uff0c\u53ef\u4ee5\u6309\u7167\u5982\u4e0b\u914d\u7f6e\uff1a"}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["modern.config.ts"],active:"modern.config.ts",heightRatio:1},files:[{name:"modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"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:"dts",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"},",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,n.jsxs)(o.div,{className:"modern-directive tip",children:[(0,n.jsx)(o.p,{className:"modern-directive-title",children:"TIP"}),(0,n.jsx)(o.div,{className:"modern-directive-content",children:(0,n.jsx)(o.p,{children:"\n\u5173\u95ed\u7c7b\u578b\u6587\u4ef6\u540e\uff0c\u4e00\u822c\u6765\u8bf4\u6784\u5efa\u901f\u5ea6\u4f1a\u6709\u6240\u63d0\u5347\u3002"})})]}),"\n",(0,n.jsxs)(o.h4,{id:"\u6253\u5305\u7c7b\u578b\u6587\u4ef6",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u6253\u5305\u7c7b\u578b\u6587\u4ef6",children:"#"}),"\u6253\u5305\u7c7b\u578b\u6587\u4ef6"]}),"\n",(0,n.jsxs)(o.p,{children:["\u5728 ",(0,n.jsx)(o.code,{children:"buildType: 'bundleless'"})," \u7684\u65f6\u5019\uff0c\u7c7b\u578b\u6587\u4ef6\u7684\u751f\u6210\u662f\u4f7f\u7528\u9879\u76ee\u7684 ",(0,n.jsx)(o.code,{children:"tsc"})," \u547d\u4ee4\u6765\u5b8c\u6210\u751f\u4ea7\u3002"]}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.jsx)(o.strong,{children:"\u6a21\u5757\u5de5\u7a0b\u89e3\u51b3\u65b9\u6848\u540c\u65f6\u8fd8\u652f\u6301\u5bf9\u7c7b\u578b\u6587\u4ef6\u8fdb\u884c\u6253\u5305"}),"\uff0c\u4e0d\u8fc7\u4f7f\u7528\u8be5\u529f\u80fd\u7684\u65f6\u5019\u9700\u8981\u6ce8\u610f\uff1a"]}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:["\u4e00\u4e9b\u7b2c\u4e09\u65b9\u4f9d\u8d56\u5b58\u5728\u9519\u8bef\u7684\u8bed\u6cd5\u4f1a\u5bfc\u81f4\u6253\u5305\u8fc7\u7a0b\u5931\u8d25\u3002\u56e0\u6b64\u5bf9\u4e8e\u8fd9\u79cd\u60c5\u51b5\uff0c\u9700\u8981\u624b\u52a8\u901a\u8fc7 ",(0,n.jsx)(o.a,{href:"/module-tools/api/config/build-config.html#externals-9",children:(0,n.jsx)(o.code,{children:"buildConfig.externals"})})," \u5c06\u8fd9\u7c7b\u7b2c\u4e09\u65b9\u5305\u6392\u9664\u3002"]}),"\n",(0,n.jsxs)(o.li,{children:["\u5bf9\u4e8e\u7b2c\u4e09\u65b9\u4f9d\u8d56\u7684\u7c7b\u578b\u6587\u4ef6\u6307\u5411\u7684\u662f\u4e00\u4e2a ",(0,n.jsx)(o.code,{children:".ts"})," \u6587\u4ef6\u7684\u60c5\u51b5\uff0c\u76ee\u524d\u65e0\u6cd5\u5904\u7406\u3002\u6bd4\u5982\u7b2c\u4e09\u65b9\u4f9d\u8d56\u7684 ",(0,n.jsx)(o.code,{children:"package.json"})," \u4e2d\u5b58\u5728\u8fd9\u6837\u7684\u5185\u5bb9\uff1a ",(0,n.jsx)(o.code,{children:'{"types": "./src/index.ts"}'}),"\u3002"]}),"\n"]}),"\n",(0,n.jsxs)(o.h4,{id:"\u522b\u540d\u8f6c\u6362",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u522b\u540d\u8f6c\u6362",children:"#"}),"\u522b\u540d\u8f6c\u6362"]}),"\n",(0,n.jsx)(o.p,{children:"\u5728 Bundleless \u6784\u5efa\u8fc7\u7a0b\u4e2d\uff0c\u5982\u679c\u6e90\u4ee3\u7801\u4e2d\u51fa\u73b0\u4e86\u522b\u540d\uff0c\u4f8b\u5982\uff1a"}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["./src/index.ts"],active:"./src/index.ts",heightRatio:1},files:[{name:"./src/index.ts",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"utils",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:"@common/utils",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,n.jsxs)(o.p,{children:["\u6b63\u5e38\u6765\u8bf4\uff0c\u4f7f\u7528 ",(0,n.jsx)(o.code,{children:"tsc"})," \u751f\u6210\u7684\u4ea7\u7269\u7c7b\u578b\u6587\u4ef6\u4e5f\u4f1a\u5305\u542b\u8fd9\u4e9b\u522b\u540d\u3002\u4e0d\u8fc7 Module Tools \u4f1a\u5bf9 ",(0,n.jsx)(o.code,{children:"tsc"})," \u751f\u6210\u7684\u7c7b\u578b\u6587\u4ef6\u91cc\u7684\u522b\u540d\u8fdb\u884c\u8f6c\u6362\u5904\u7406\uff1a"]}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:["\u5bf9\u4e8e\u7c7b\u4f3c ",(0,n.jsx)(o.code,{children:"import '@common/utils'"})," \u6216\u8005 ",(0,n.jsx)(o.code,{children:"import utils from '@common/utils'"})," \u8fd9\u6837\u5f62\u5f0f\u7684\u4ee3\u7801\u53ef\u4ee5\u8fdb\u884c\u522b\u540d\u8f6c\u6362\u3002"]}),"\n",(0,n.jsxs)(o.li,{children:["\u5bf9\u4e8e\u7c7b\u4f3c ",(0,n.jsx)(o.code,{children:"export { utils } from '@common/utils'"})," \u8fd9\u6837\u5f62\u5f0f\u7684\u4ee3\u7801\u53ef\u4ee5\u8fdb\u884c\u522b\u540d\u8f6c\u6362\u3002"]}),"\n"]}),"\n",(0,n.jsx)(o.p,{children:"\u7136\u800c\u4e5f\u5b58\u5728\u4e00\u4e9b\u60c5\u51b5\uff0c\u76ee\u524d\u8fd8\u65e0\u6cd5\u5904\u7406\uff1a"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:["\u5bf9\u4e8e\u7c7b\u4f3c ",(0,n.jsx)(o.code,{children:"Promise<import('@common/utils')>"})," \u8fd9\u6837\u5f62\u5f0f\u7684\u8f93\u51fa\u7c7b\u578b\u76ee\u524d\u65e0\u6cd5\u8fdb\u884c\u8f6c\u6362\u3002"]}),"\n"]}),"\n",(0,n.jsxs)(o.h4,{id:"\u4e00\u4e9b-dts-\u7684\u4f7f\u7528\u793a\u4f8b",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u4e00\u4e9b-dts-\u7684\u4f7f\u7528\u793a\u4f8b",children:"#"}),"\u4e00\u4e9b ",(0,n.jsx)(o.code,{children:"dts"})," \u7684\u4f7f\u7528\u793a\u4f8b"]}),"\n",(0,n.jsx)(o.p,{children:"\u4e00\u822c\u4f7f\u7528\u65b9\u5f0f\uff1a"}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",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:"#ECEFF4"}}},{content:"// \u6b64\u65f6\u6253\u5305\u7684\u7c7b\u578b\u6587\u4ef6\u8f93\u51fa\u8def\u5f84\u4e3a `./dist/types`",props:{style:{color:"#616E88"}}}]},{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:"buildType",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"bundle",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"    ",props:{style:{color:"#D8DEE9FF"}}},{content:"dts",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:"tsconfigPath",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./other-tsconfig.json",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"      ",props:{style:{color:"#D8DEE9FF"}}},{content:"distPath",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./types",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:"outDir",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./dist",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,n.jsxs)(o.p,{children:["\u4f7f\u7528 ",(0,n.jsx)(o.code,{children:"dts.only"})," \u7684\u60c5\u51b5\uff1a"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",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:"#ECEFF4"}}},{content:"// \u6b64\u65f6\u7c7b\u578b\u6587\u4ef6\u6ca1\u6709\u8fdb\u884c\u6253\u5305\uff0c\u8f93\u51fa\u8def\u5f84\u4e3a `./dist/types`",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildConfig",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"}}}]},{tokens:[{content:"      ",props:{style:{color:"#D8DEE9FF"}}},{content:"buildType",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"bundle",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"      ",props:{style:{color:"#D8DEE9FF"}}},{content:"dts",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"      ",props:{style:{color:"#D8DEE9FF"}}},{content:"outDir",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./dist",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:"buildType",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"bundleless",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"      ",props:{style:{color:"#D8DEE9FF"}}},{content:"dts",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:"only",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:"outDir",props:{style:{color:"#88C0D0"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./dist/types",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,n.jsxs)(o.h3,{id:"buildconfigdefine-\u4e0d\u540c\u573a\u666f\u7684\u4f7f\u7528\u65b9\u5f0f",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#buildconfigdefine-\u4e0d\u540c\u573a\u666f\u7684\u4f7f\u7528\u65b9\u5f0f",children:"#"}),(0,n.jsx)(o.code,{children:"buildConfig.define"})," \u4e0d\u540c\u573a\u666f\u7684\u4f7f\u7528\u65b9\u5f0f"]}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.jsx)(o.a,{href:"/module-tools/api/config/build-config.html#define-4",children:(0,n.jsx)(o.code,{children:"buildConfig.define"})})," \u529f\u80fd\u6709\u4e9b\u7c7b\u4f3c ",(0,n.jsx)(o.a,{href:"https://webpack.js.org/plugins/define-plugin/",target:"_blank",rel:"nofollow",children:(0,n.jsx)(o.code,{children:"webpack.DefinePlugin"})}),"\u3002\u8fd9\u91cc\u4ecb\u7ecd\u51e0\u4e2a\u4f7f\u7528\u573a\u666f\uff1a"]}),"\n",(0,n.jsxs)(o.h4,{id:"\u73af\u5883\u53d8\u91cf\u66ff\u6362",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u73af\u5883\u53d8\u91cf\u66ff\u6362",children:"#"}),"\u73af\u5883\u53d8\u91cf\u66ff\u6362"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",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:[{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:"'",props:{style:{color:"#ECEFF4"}}},{content:"process.env.VERSION",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{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:"process",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"env",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"VERSION",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"||",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"0.0.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,n.jsx)(o.p,{children:"\u901a\u8fc7\u4e0a\u9762\u7684\u914d\u7f6e\uff0c\u6211\u4eec\u5c31\u53ef\u4ee5\u5c06\u4e0b\u9762\u8fd9\u6bb5\u4ee3\u7801\uff1a"}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// \u7f16\u8bd1\u524d\u4ee3\u7801",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"console",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"log",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"process",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"env",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"VERSION",props:{style:{color:"#D8DEE9"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,n.jsxs)(o.p,{children:["\u5728\u6267\u884c ",(0,n.jsx)(o.code,{children:"VERSION=1.0.0 modern build"})," \u7684\u65f6\u5019\uff0c\u8f6c\u6362\u4e3a\uff1a"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// \u7f16\u8bd1\u540e\u4ee3\u7801",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"console",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"log",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"1.0.0",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,n.jsxs)(o.h4,{id:"\u5168\u5c40\u53d8\u91cf\u66ff\u6362",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u5168\u5c40\u53d8\u91cf\u66ff\u6362",children:"#"}),"\u5168\u5c40\u53d8\u91cf\u66ff\u6362"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",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:[{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:"require",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./package.json",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"version",props:{style:{color:"#D8DEE9"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"||",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"0.0.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,n.jsx)(o.p,{children:"\u901a\u8fc7\u4e0a\u9762\u7684\u914d\u7f6e\uff0c\u6211\u4eec\u5c31\u53ef\u4ee5\u5c06\u4e0b\u9762\u8fd9\u6bb5\u4ee3\u7801\uff1a"}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// \u7f16\u8bd1\u524d\u4ee3\u7801",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"console",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"log",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"VERSION",props:{style:{color:"#D8DEE9"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,n.jsx)(o.p,{children:"\u8f6c\u6362\u4e3a\uff1a"}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// \u7f16\u8bd1\u540e\u4ee3\u7801",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"console",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"log",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"1.0.0",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"js"},annotations:[]}]}),"\n",(0,n.jsxs)(o.p,{children:["\u4e0d\u8fc7\u8981\u6ce8\u610f\uff1a\u5982\u679c\u9879\u76ee\u662f\u4e00\u4e2a TypeScript \u9879\u76ee\uff0c\u90a3\u4e48\u4f60\u53ef\u80fd\u9700\u8981\u5728\u9879\u76ee\u6e90\u4ee3\u7801\u76ee\u5f55\u4e0b\u7684 ",(0,n.jsx)(o.code,{children:".d.ts"})," \u6587\u4ef6\u91cc\u589e\u52a0\u4ee5\u4e0b\u5185\u5bb9\uff1a"]}),"\n",(0,n.jsxs)(o.blockquote,{children:["\n",(0,n.jsxs)(o.p,{children:["\u5982\u679c\u4e0d\u5b58\u5728 ",(0,n.jsx)(o.code,{children:"d.ts"})," \u6587\u4ef6\uff0c\u5219\u53ef\u4ee5\u624b\u52a8\u521b\u5efa\u3002"]}),"\n"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["env.d.ts"],active:"env.d.ts",heightRatio:1},files:[{name:"env.d.ts",focus:"",code:{lines:[{tokens:[{content:"declare",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"const",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"YOUR_ADD_GLOBAL_VAR",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsxs)(o.h2,{id:"\u6784\u5efa\u8fc7\u7a0b",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u6784\u5efa\u8fc7\u7a0b",children:"#"}),"\u6784\u5efa\u8fc7\u7a0b"]}),"\n",(0,n.jsxs)(o.p,{children:["\u5f53\u6267\u884c ",(0,n.jsx)(o.code,{children:"modern build"})," \u547d\u4ee4\u7684\u65f6\u5019\uff0c\u4f1a\u53d1\u751f"]}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:["\u6839\u636e ",(0,n.jsx)(o.code,{children:"buildConfig.outDir"})," \u6e05\u7406\u4ea7\u7269\u76ee\u5f55\u3002"]}),"\n",(0,n.jsxs)(o.li,{children:["\u7f16\u8bd1 ",(0,n.jsx)(o.code,{children:"js/ts"})," \u6e90\u4ee3\u7801\u751f\u6210 Bundle/Bundleless \u7684 JS \u6784\u5efa\u4ea7\u7269\u3002"]}),"\n",(0,n.jsxs)(o.li,{children:["\u4f7f\u7528 ",(0,n.jsx)(o.code,{children:"tsc"})," \u751f\u6210 Bundle/Bundleless \u7684\u7c7b\u578b\u6587\u4ef6\u3002"]}),"\n",(0,n.jsx)(o.li,{children:"\u5904\u7406 Copy \u4efb\u52a1\u3002"}),"\n"]}),"\n",(0,n.jsxs)(o.h2,{id:"\u6784\u5efa\u62a5\u9519",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u6784\u5efa\u62a5\u9519",children:"#"}),"\u6784\u5efa\u62a5\u9519"]}),"\n",(0,n.jsx)(o.p,{children:"\u5f53\u53d1\u751f\u6784\u5efa\u62a5\u9519\u7684\u65f6\u5019\uff0c\u57fa\u4e8e\u4ee5\u4e0a\u4e86\u89e3\u5230\u7684\u4fe1\u606f\uff0c\u53ef\u4ee5\u5f88\u5bb9\u6613\u7684\u660e\u767d\u5728\u7ec8\u7aef\u51fa\u73b0\u7684\u62a5\u9519\u5185\u5bb9\uff1a"}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.strong,{children:"js \u6216\u8005 ts \u6784\u5efa\u7684\u62a5\u9519\uff1a"})}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"error  ModuleBuildError:",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[]},{tokens:[{content:"\u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2502 bundle failed:        \u2502",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2502  - format is ",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"cjs",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"    \u2502",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2502  - target is ",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"esnext",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:" \u2502",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256f",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[]},{tokens:[{content:"Detailed Information:",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsx)(o.p,{children:(0,n.jsx)(o.strong,{children:"\u7c7b\u578b\u6587\u4ef6\u751f\u6210\u8fc7\u7a0b\u7684\u62a5\u9519\uff1a"})}),"\n",(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"error   ModuleBuildError:",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[]},{tokens:[{content:"bundle DTS failed:",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"bash"},annotations:[]}]}),"\n",(0,n.jsxs)(o.p,{children:["\u5bf9\u4e8e ",(0,n.jsx)(o.code,{children:"js/ts"})," \u6784\u5efa\u9519\u8bef\uff0c\u6211\u4eec\u53ef\u4ee5\u4ece\u62a5\u9519\u4fe1\u606f\u4e2d\u77e5\u9053\uff1a"]}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:["\u901a\u8fc7 ",(0,n.jsx)(o.code,{children:"'bundle failed:'"})," \u6765\u5224\u65ad\u62a5\u9519\u7684\u662f Bundle \u6784\u5efa\u8fd8\u662f Bundleless \u6784\u5efa\uff1f"]}),"\n",(0,n.jsxs)(o.li,{children:["\u6784\u5efa\u8fc7\u7a0b\u7684 ",(0,n.jsx)(o.code,{children:"format"})," \u662f\u4ec0\u4e48\uff1f"]}),"\n",(0,n.jsxs)(o.li,{children:["\u6784\u5efa\u8fc7\u7a0b\u7684 ",(0,n.jsx)(o.code,{children:"target"})," \u662f\u4ec0\u4e48\uff1f"]}),"\n",(0,n.jsx)(o.li,{children:"\u5177\u4f53\u7684\u62a5\u9519\u4fe1\u606f\u3002"}),"\n"]})]})}function u(e,o){throw new Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}o.default=function(e={}){const{wrapper:o}=e.components||{};return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(p,e)})):p(e)}}}]);

package/doc_build/static/js/async/zh_guide_advance_in-depth-about-dev-command.168ce7dd.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[2540],{41834:function(n,e,i){i.r(e),i.d(e,{content:function(){return t},frontmatter:function(){return s},title:function(){return r},toc:function(){return l}});var d=i(97458);const s={sidebar_position:2},l=[{id:"\u6df1\u5165\u7406\u89e3-buildconfig",text:"\u6df1\u5165\u7406\u89e3 buildConfig",depth:2},{id:"bundle-\u548c-bundleless",text:"Bundle \u548c Bundleless",depth:3},{id:"input-\u4e0e-sourcedir-\u7684\u5173\u7cfb",text:"input \u4e0e sourceDir \u7684\u5173\u7cfb",depth:3},{id:"\u6784\u5efa\u8fc7\u7a0b",text:"\u6784\u5efa\u8fc7\u7a0b",depth:2}],r="\u6df1\u5165\u7406\u89e3 dev \u547d\u4ee4",t='"---\\nsidebar_position: 2\\n---\\n\\n# \u6df1\u5165\u7406\u89e3 dev \u547d\u4ee4\\n\\n\u5728\u3010\u57fa\u7840\u4f7f\u7528\u3011\u7684\u90e8\u5206\uff0c\u6211\u4eec\u5df2\u7ecf\u77e5\u9053\u53ef\u4ee5\u901a\u8fc7 `buildConfig` \u914d\u7f6e\u5bf9\u9879\u76ee\u7684\u8f93\u51fa\u4ea7\u7269\u8fdb\u884c\u4fee\u6539\u3002`buildConfig` \u4e0d\u4ec5\u63cf\u8ff0\u4e86\u4ea7\u7269\u7684\u4e00\u4e9b\u7279\u6027\uff0c\u540c\u65f6\u8fd8\u4e3a\u6784\u5efa\u4ea7\u7269\u63d0\u4f9b\u4e86\u4e00\u4e9b\u529f\u80fd\u3002\\n\\n:::tip{title=\u6ce8\u610f}\\n\u5982\u679c\u4f60\u8fd8\u4e0d\u6e05\u695a `buildConfig` \u662f\u4ec0\u4e48\uff0c\u5efa\u8bae\u82b1\u4e00\u4e9b\u65f6\u95f4\u901a\u8fc7\u4e0b\u9762\u7684\u94fe\u63a5\u4e86\u89e3\u4e00\u4e0b\uff1a\\n\\n- \u3010[\u4fee\u6539\u8f93\u51fa\u4ea7\u7269](/guide/basic/modify-output-product)\u3011\\n\\n:::\\n\\n\u800c\u5728\u672c\u7ae0\u91cc\u6211\u4eec\u5c06\u8981\u6df1\u5165\u7406\u89e3\u67d0\u4e9b\u6784\u5efa\u914d\u7f6e\u7684\u4f7f\u7528\u4ee5\u53ca\u4e86\u89e3\u6267\u884c `modern build` \u547d\u4ee4\u7684\u65f6\u5019\u53d1\u751f\u4e86\u4ec0\u4e48\u3002\\n\\n## \u6df1\u5165\u7406\u89e3 `buildConfig`\\n\\n### Bundle \u548c Bundleless\\n\\n\u90a3\u4e48\u9996\u5148\u6211\u4eec\u6765\u7406\u89e3\u4e00\u4e0b Bundle \u548c Bundleless\u3002\\n\\n\u6240\u8c13 Bundle \u662f\u6307\u5bf9\u6784\u5efa\u4ea7\u7269\u8fdb\u884c\u6253\u5305\uff0c\u6784\u5efa\u4ea7\u7269\u53ef\u80fd\u662f\u4e00\u4e2a\u6587\u4ef6\uff0c\u4e5f\u6709\u53ef\u80fd\u662f\u57fa\u4e8e\u4e00\u5b9a\u7684[\u4ee3\u7801\u62c6\u5206\u7b56\u7565](https://esbuild.github.io/api/#splitting)\u5f97\u5230\u7684\u591a\u4e2a\u6587\u4ef6\u3002\\n\\n\u800c Bundleless \u5219\u662f\u6307\u5bf9\u6bcf\u4e2a\u6e90\u6587\u4ef6\u8fdb\u884c\u7f16\u8bd1\u6784\u5efa\uff0c\u4f46\u662f\u5e76\u4e0d\u5c06\u5b83\u4eec\u6253\u5305\u5728\u4e00\u8d77\u3002\u6bcf\u4e00\u4e2a\u4ea7\u7269\u6587\u4ef6\u90fd\u53ef\u4ee5\u627e\u5230\u4e0e\u4e4b\u76f8\u5bf9\u5e94\u7684\u6e90\u7801\u6587\u4ef6\u3002\\n\\n### input \u4e0e sourceDir \u7684\u5173\u7cfb\\n\\n## \u6784\u5efa\u8fc7\u7a0b\\n"';function c(n){const e=Object.assign({h1:"h1",a:"a",p:"p",code:"code",div:"div",ul:"ul",li:"li",h2:"h2",h3:"h3"},n.components);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(e.h1,{id:"\u6df1\u5165\u7406\u89e3-dev-\u547d\u4ee4",children:[(0,d.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#\u6df1\u5165\u7406\u89e3-dev-\u547d\u4ee4",children:"#"}),"\u6df1\u5165\u7406\u89e3 dev \u547d\u4ee4"]}),"\n",(0,d.jsxs)(e.p,{children:["\u5728\u3010\u57fa\u7840\u4f7f\u7528\u3011\u7684\u90e8\u5206\uff0c\u6211\u4eec\u5df2\u7ecf\u77e5\u9053\u53ef\u4ee5\u901a\u8fc7 ",(0,d.jsx)(e.code,{children:"buildConfig"})," \u914d\u7f6e\u5bf9\u9879\u76ee\u7684\u8f93\u51fa\u4ea7\u7269\u8fdb\u884c\u4fee\u6539\u3002",(0,d.jsx)(e.code,{children:"buildConfig"})," \u4e0d\u4ec5\u63cf\u8ff0\u4e86\u4ea7\u7269\u7684\u4e00\u4e9b\u7279\u6027\uff0c\u540c\u65f6\u8fd8\u4e3a\u6784\u5efa\u4ea7\u7269\u63d0\u4f9b\u4e86\u4e00\u4e9b\u529f\u80fd\u3002"]}),"\n",(0,d.jsxs)(e.div,{className:"modern-directive tip",children:[(0,d.jsx)(e.p,{className:"modern-directive-title",children:"\u6ce8\u610f"}),(0,d.jsxs)(e.div,{className:"modern-directive-content",children:[(0,d.jsxs)(e.p,{children:["\n\u5982\u679c\u4f60\u8fd8\u4e0d\u6e05\u695a ",(0,d.jsx)(e.code,{children:"buildConfig"})," \u662f\u4ec0\u4e48\uff0c\u5efa\u8bae\u82b1\u4e00\u4e9b\u65f6\u95f4\u901a\u8fc7\u4e0b\u9762\u7684\u94fe\u63a5\u4e86\u89e3\u4e00\u4e0b\uff1a"]}),(0,d.jsxs)(e.ul,{children:["\n",(0,d.jsxs)(e.li,{children:["\u3010",(0,d.jsx)(e.a,{href:"/module-tools/guide/basic/modify-output-product.html",children:"\u4fee\u6539\u8f93\u51fa\u4ea7\u7269"}),"\u3011"]}),"\n"]})]})]}),"\n",(0,d.jsxs)(e.p,{children:["\u800c\u5728\u672c\u7ae0\u91cc\u6211\u4eec\u5c06\u8981\u6df1\u5165\u7406\u89e3\u67d0\u4e9b\u6784\u5efa\u914d\u7f6e\u7684\u4f7f\u7528\u4ee5\u53ca\u4e86\u89e3\u6267\u884c ",(0,d.jsx)(e.code,{children:"modern build"})," \u547d\u4ee4\u7684\u65f6\u5019\u53d1\u751f\u4e86\u4ec0\u4e48\u3002"]}),"\n",(0,d.jsxs)(e.h2,{id:"\u6df1\u5165\u7406\u89e3-buildconfig",children:[(0,d.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#\u6df1\u5165\u7406\u89e3-buildconfig",children:"#"}),"\u6df1\u5165\u7406\u89e3 ",(0,d.jsx)(e.code,{children:"buildConfig"})]}),"\n",(0,d.jsxs)(e.h3,{id:"bundle-\u548c-bundleless",children:[(0,d.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#bundle-\u548c-bundleless",children:"#"}),"Bundle \u548c Bundleless"]}),"\n",(0,d.jsx)(e.p,{children:"\u90a3\u4e48\u9996\u5148\u6211\u4eec\u6765\u7406\u89e3\u4e00\u4e0b Bundle \u548c Bundleless\u3002"}),"\n",(0,d.jsxs)(e.p,{children:["\u6240\u8c13 Bundle \u662f\u6307\u5bf9\u6784\u5efa\u4ea7\u7269\u8fdb\u884c\u6253\u5305\uff0c\u6784\u5efa\u4ea7\u7269\u53ef\u80fd\u662f\u4e00\u4e2a\u6587\u4ef6\uff0c\u4e5f\u6709\u53ef\u80fd\u662f\u57fa\u4e8e\u4e00\u5b9a\u7684",(0,d.jsx)(e.a,{href:"https://esbuild.github.io/api/#splitting-5",target:"_blank",rel:"nofollow",children:"\u4ee3\u7801\u62c6\u5206\u7b56\u7565"}),"\u5f97\u5230\u7684\u591a\u4e2a\u6587\u4ef6\u3002"]}),"\n",(0,d.jsx)(e.p,{children:"\u800c Bundleless \u5219\u662f\u6307\u5bf9\u6bcf\u4e2a\u6e90\u6587\u4ef6\u8fdb\u884c\u7f16\u8bd1\u6784\u5efa\uff0c\u4f46\u662f\u5e76\u4e0d\u5c06\u5b83\u4eec\u6253\u5305\u5728\u4e00\u8d77\u3002\u6bcf\u4e00\u4e2a\u4ea7\u7269\u6587\u4ef6\u90fd\u53ef\u4ee5\u627e\u5230\u4e0e\u4e4b\u76f8\u5bf9\u5e94\u7684\u6e90\u7801\u6587\u4ef6\u3002"}),"\n",(0,d.jsxs)(e.h3,{id:"input-\u4e0e-sourcedir-\u7684\u5173\u7cfb",children:[(0,d.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#input-\u4e0e-sourcedir-\u7684\u5173\u7cfb",children:"#"}),"input \u4e0e sourceDir \u7684\u5173\u7cfb"]}),"\n",(0,d.jsxs)(e.h2,{id:"\u6784\u5efa\u8fc7\u7a0b",children:[(0,d.jsx)(e.a,{className:"header-anchor","aria-hidden":"true",href:"#\u6784\u5efa\u8fc7\u7a0b",children:"#"}),"\u6784\u5efa\u8fc7\u7a0b"]})]})}e.default=function(n={}){const{wrapper:e}=n.components||{};return e?(0,d.jsx)(e,Object.assign({},n,{children:(0,d.jsx)(c,n)})):c(n)}}}]);

package/doc_build/static/js/async/zh_guide_advance_theme-config.b9570109.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_modern_js_module_tools_docs=self.webpackChunk_modern_js_module_tools_docs||[]).push([[1180],{86253:function(e,o,t){t.r(o),t.d(o,{CH:function(){return s},chCodeConfig:function(){return i},content:function(){return u},frontmatter:function(){return a},title:function(){return d},toc:function(){return c}});var n=t(97458),r=t(53799);const s={annotations:r.ds,Code:r.EK},i={staticMediaQuery:"not screen, (max-width: 768px)",theme:{name:"nord",type:"dark",semanticHighlighting:!0,colors:{focusBorder:"#3b4252",foreground:"#d8dee9","activityBar.background":"#2e3440","activityBar.dropBackground":"#3b4252","activityBar.foreground":"#d8dee9","activityBar.activeBorder":"#88c0d0","activityBar.activeBackground":"#3b4252","activityBarBadge.background":"#88c0d0","activityBarBadge.foreground":"#2e3440","badge.foreground":"#2e3440","badge.background":"#88c0d0","button.background":"#88c0d0ee","button.foreground":"#2e3440","button.hoverBackground":"#88c0d0","button.secondaryBackground":"#434c5e","button.secondaryForeground":"#d8dee9","button.secondaryHoverBackground":"#4c566a","charts.red":"#bf616a","charts.blue":"#81a1c1","charts.yellow":"#ebcb8b","charts.orange":"#d08770","charts.green":"#a3be8c","charts.purple":"#b48ead","charts.foreground":"#d8dee9","charts.lines":"#88c0d0","debugConsole.infoForeground":"#88c0d0","debugConsole.warningForeground":"#ebcb8b","debugConsole.errorForeground":"#bf616a","debugConsole.sourceForeground":"#616e88","debugConsoleInputIcon.foreground":"#81a1c1","debugExceptionWidget.background":"#4c566a","debugExceptionWidget.border":"#2e3440","debugToolBar.background":"#3b4252",descriptionForeground:"#d8dee9e6","diffEditor.insertedTextBackground":"#81a1c133","diffEditor.removedTextBackground":"#bf616a4d","dropdown.background":"#3b4252","dropdown.border":"#3b4252","dropdown.foreground":"#d8dee9","editorActiveLineNumber.foreground":"#d8dee9cc","editorCursor.foreground":"#d8dee9","editorHint.border":"#ebcb8b00","editorHint.foreground":"#ebcb8b","editorIndentGuide.background":"#434c5eb3","editorIndentGuide.activeBackground":"#4c566a","editorInlayHint.background":"#434c5e","editorInlayHint.foreground":"#d8dee9","editorLineNumber.foreground":"#4c566a","editorLineNumber.activeForeground":"#d8dee9","editorWhitespace.foreground":"#4c566ab3","editorWidget.background":"#2e3440","editorWidget.border":"#3b4252","editor.background":"#2e3440","editor.foreground":"#d8dee9","editor.hoverHighlightBackground":"#3b4252","editor.findMatchBackground":"#88c0d066","editor.findMatchHighlightBackground":"#88c0d033","editor.findRangeHighlightBackground":"#88c0d033","editor.lineHighlightBackground":"#3b4252","editor.lineHighlightBorder":"#3b4252","editor.inactiveSelectionBackground":"#434c5ecc","editor.inlineValuesBackground":"#4c566a","editor.inlineValuesForeground":"#eceff4","editor.selectionBackground":"#434c5ecc","editor.selectionHighlightBackground":"#434c5ecc","editor.rangeHighlightBackground":"#434c5e52","editor.wordHighlightBackground":"#81a1c166","editor.wordHighlightStrongBackground":"#81a1c199","editor.stackFrameHighlightBackground":"#5e81ac","editor.focusedStackFrameHighlightBackground":"#5e81ac","editorError.foreground":"#bf616a","editorError.border":"#bf616a00","editorWarning.foreground":"#ebcb8b","editorWarning.border":"#ebcb8b00","editorBracketMatch.background":"#2e344000","editorBracketMatch.border":"#88c0d0","editorBracketHighlight.foreground1":"#8fbcbb","editorBracketHighlight.foreground2":"#88c0d0","editorBracketHighlight.foreground3":"#81a1c1","editorBracketHighlight.foreground4":"#5e81ac","editorBracketHighlight.foreground5":"#8fbcbb","editorBracketHighlight.foreground6":"#88c0d0","editorBracketHighlight.unexpectedBracket.foreground":"#bf616a","editorCodeLens.foreground":"#4c566a","editorGroup.background":"#2e3440","editorGroup.border":"#3b425201","editorGroup.dropBackground":"#3b425299","editorGroupHeader.border":"#3b425200","editorGroupHeader.noTabsBackground":"#2e3440","editorGroupHeader.tabsBackground":"#2e3440","editorGroupHeader.tabsBorder":"#3b425200","editorGutter.background":"#2e3440","editorGutter.modifiedBackground":"#ebcb8b","editorGutter.addedBackground":"#a3be8c","editorGutter.deletedBackground":"#bf616a","editorHoverWidget.background":"#3b4252","editorHoverWidget.border":"#3b4252","editorLink.activeForeground":"#88c0d0","editorMarkerNavigation.background":"#5e81acc0","editorMarkerNavigationError.background":"#bf616ac0","editorMarkerNavigationWarning.background":"#ebcb8bc0","editorOverviewRuler.border":"#3b4252","editorOverviewRuler.currentContentForeground":"#3b4252","editorOverviewRuler.incomingContentForeground":"#3b4252","editorOverviewRuler.findMatchForeground":"#88c0d066","editorOverviewRuler.rangeHighlightForeground":"#88c0d066","editorOverviewRuler.selectionHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightForeground":"#88c0d066","editorOverviewRuler.wordHighlightStrongForeground":"#88c0d066","editorOverviewRuler.modifiedForeground":"#ebcb8b","editorOverviewRuler.addedForeground":"#a3be8c","editorOverviewRuler.deletedForeground":"#bf616a","editorOverviewRuler.errorForeground":"#bf616a","editorOverviewRuler.warningForeground":"#ebcb8b","editorOverviewRuler.infoForeground":"#81a1c1","editorRuler.foreground":"#434c5e","editorSuggestWidget.background":"#2e3440","editorSuggestWidget.border":"#3b4252","editorSuggestWidget.foreground":"#d8dee9","editorSuggestWidget.focusHighlightForeground":"#88c0d0","editorSuggestWidget.highlightForeground":"#88c0d0","editorSuggestWidget.selectedBackground":"#434c5e","editorSuggestWidget.selectedForeground":"#d8dee9","extensionButton.prominentForeground":"#d8dee9","extensionButton.prominentBackground":"#434c5e","extensionButton.prominentHoverBackground":"#4c566a",errorForeground:"#bf616a","gitDecoration.modifiedResourceForeground":"#ebcb8b","gitDecoration.deletedResourceForeground":"#bf616a","gitDecoration.untrackedResourceForeground":"#a3be8c","gitDecoration.ignoredResourceForeground":"#d8dee966","gitDecoration.conflictingResourceForeground":"#5e81ac","gitDecoration.submoduleResourceForeground":"#8fbcbb","gitDecoration.stageDeletedResourceForeground":"#bf616a","gitDecoration.stageModifiedResourceForeground":"#ebcb8b","input.background":"#3b4252","input.foreground":"#d8dee9","input.placeholderForeground":"#d8dee999","input.border":"#3b4252","inputOption.activeBackground":"#5e81ac","inputOption.activeBorder":"#5e81ac","inputOption.activeForeground":"#eceff4","inputValidation.errorBackground":"#bf616a","inputValidation.errorBorder":"#bf616a","inputValidation.infoBackground":"#81a1c1","inputValidation.infoBorder":"#81a1c1","inputValidation.warningBackground":"#d08770","inputValidation.warningBorder":"#d08770","keybindingLabel.background":"#4c566a","keybindingLabel.border":"#4c566a","keybindingLabel.bottomBorder":"#4c566a","keybindingLabel.foreground":"#d8dee9","list.activeSelectionBackground":"#88c0d0","list.activeSelectionForeground":"#2e3440","list.inactiveSelectionBackground":"#434c5e","list.inactiveSelectionForeground":"#d8dee9","list.inactiveFocusBackground":"#434c5ecc","list.hoverForeground":"#eceff4","list.focusForeground":"#d8dee9","list.focusBackground":"#88c0d099","list.focusHighlightForeground":"#eceff4","list.hoverBackground":"#3b4252","list.dropBackground":"#88c0d099","list.highlightForeground":"#88c0d0","list.errorForeground":"#bf616a","list.warningForeground":"#ebcb8b","merge.currentHeaderBackground":"#81a1c166","merge.currentContentBackground":"#81a1c14d","merge.incomingHeaderBackground":"#8fbcbb66","merge.incomingContentBackground":"#8fbcbb4d","merge.border":"#3b425200","minimap.background":"#2e3440","minimap.errorHighlight":"#bf616acc","minimap.findMatchHighlight":"#88c0d0","minimap.selectionHighlight":"#88c0d0cc","minimap.warningHighlight":"#ebcb8bcc","minimapGutter.addedBackground":"#a3be8c","minimapGutter.deletedBackground":"#bf616a","minimapGutter.modifiedBackground":"#ebcb8b","minimapSlider.activeBackground":"#434c5eaa","minimapSlider.background":"#434c5e99","minimapSlider.hoverBackground":"#434c5eaa","notification.background":"#3b4252","notification.buttonBackground":"#434c5e","notification.buttonForeground":"#d8dee9","notification.buttonHoverBackground":"#4c566a","notification.errorBackground":"#bf616a","notification.errorForeground":"#2e3440","notification.foreground":"#d8dee9","notification.infoBackground":"#88c0d0","notification.infoForeground":"#2e3440","notification.warningBackground":"#ebcb8b","notification.warningForeground":"#2e3440","notificationCenter.border":"#3b425200","notificationCenterHeader.background":"#2e3440","notificationCenterHeader.foreground":"#88c0d0","notificationLink.foreground":"#88c0d0","notifications.background":"#3b4252","notifications.border":"#2e3440","notifications.foreground":"#d8dee9","notificationToast.border":"#3b425200","panel.background":"#2e3440","panel.border":"#3b4252","panelTitle.activeBorder":"#88c0d000","panelTitle.activeForeground":"#88c0d0","panelTitle.inactiveForeground":"#d8dee9","peekView.border":"#4c566a","peekViewEditor.background":"#2e3440","peekViewEditorGutter.background":"#2e3440","peekViewEditor.matchHighlightBackground":"#88c0d04d","peekViewResult.background":"#2e3440","peekViewResult.fileForeground":"#88c0d0","peekViewResult.lineForeground":"#d8dee966","peekViewResult.matchHighlightBackground":"#88c0d0cc","peekViewResult.selectionBackground":"#434c5e","peekViewResult.selectionForeground":"#d8dee9","peekViewTitle.background":"#3b4252","peekViewTitleDescription.foreground":"#d8dee9","peekViewTitleLabel.foreground":"#88c0d0","pickerGroup.border":"#3b4252","pickerGroup.foreground":"#88c0d0","progressBar.background":"#88c0d0","quickInputList.focusBackground":"#88c0d0","quickInputList.focusForeground":"#2e3440","sash.hoverBorder":"#88c0d0","scrollbar.shadow":"#00000066","scrollbarSlider.activeBackground":"#434c5eaa","scrollbarSlider.background":"#434c5e99","scrollbarSlider.hoverBackground":"#434c5eaa","selection.background":"#88c0d099","sideBar.background":"#2e3440","sideBar.foreground":"#d8dee9","sideBar.border":"#3b4252","sideBarSectionHeader.background":"#3b4252","sideBarSectionHeader.foreground":"#d8dee9","sideBarTitle.foreground":"#d8dee9","statusBar.background":"#3b4252","statusBar.debuggingBackground":"#5e81ac","statusBar.debuggingForeground":"#d8dee9","statusBar.noFolderForeground":"#d8dee9","statusBar.noFolderBackground":"#3b4252","statusBar.foreground":"#d8dee9","statusBarItem.activeBackground":"#4c566a","statusBarItem.hoverBackground":"#434c5e","statusBarItem.prominentBackground":"#3b4252","statusBarItem.prominentHoverBackground":"#434c5e","statusBarItem.errorBackground":"#3b4252","statusBarItem.errorForeground":"#bf616a","statusBarItem.warningBackground":"#ebcb8b","statusBarItem.warningForeground":"#2e3440","statusBar.border":"#3b425200","tab.activeBackground":"#3b4252","tab.activeForeground":"#d8dee9","tab.border":"#3b425200","tab.activeBorder":"#88c0d000","tab.unfocusedActiveBorder":"#88c0d000","tab.inactiveBackground":"#2e3440","tab.inactiveForeground":"#d8dee966","tab.unfocusedActiveForeground":"#d8dee999","tab.unfocusedInactiveForeground":"#d8dee966","tab.hoverBackground":"#3b4252cc","tab.unfocusedHoverBackground":"#3b4252b3","tab.hoverBorder":"#88c0d000","tab.unfocusedHoverBorder":"#88c0d000","tab.activeBorderTop":"#88c0d000","tab.unfocusedActiveBorderTop":"#88c0d000","tab.lastPinnedBorder":"#4c566a","terminal.background":"#2e3440","terminal.foreground":"#d8dee9","terminal.ansiBlack":"#3b4252","terminal.ansiRed":"#bf616a","terminal.ansiGreen":"#a3be8c","terminal.ansiYellow":"#ebcb8b","terminal.ansiBlue":"#81a1c1","terminal.ansiMagenta":"#b48ead","terminal.ansiCyan":"#88c0d0","terminal.ansiWhite":"#e5e9f0","terminal.ansiBrightBlack":"#4c566a","terminal.ansiBrightRed":"#bf616a","terminal.ansiBrightGreen":"#a3be8c","terminal.ansiBrightYellow":"#ebcb8b","terminal.ansiBrightBlue":"#81a1c1","terminal.ansiBrightMagenta":"#b48ead","terminal.ansiBrightCyan":"#8fbcbb","terminal.ansiBrightWhite":"#eceff4","terminal.tab.activeBorder":"#88c0d0","textBlockQuote.background":"#3b4252","textBlockQuote.border":"#81a1c1","textCodeBlock.background":"#4c566a","textLink.activeForeground":"#88c0d0","textLink.foreground":"#88c0d0","textPreformat.foreground":"#8fbcbb","textSeparator.foreground":"#eceff4","titleBar.activeBackground":"#2e3440","titleBar.activeForeground":"#d8dee9","titleBar.border":"#2e344000","titleBar.inactiveBackground":"#2e3440","titleBar.inactiveForeground":"#d8dee966","tree.indentGuidesStroke":"#616e88","walkThrough.embeddedEditorBackground":"#2e3440","welcomePage.buttonBackground":"#434c5e","welcomePage.buttonHoverBackground":"#4c566a","widget.shadow":"#00000066"},tokenColors:[{settings:{foreground:"#d8dee9ff",background:"#2e3440ff"}},{scope:"emphasis",settings:{fontStyle:"italic"}},{scope:"strong",settings:{fontStyle:"bold"}},{name:"Comment",scope:"comment",settings:{foreground:"#616E88"}},{name:"Constant Character",scope:"constant.character",settings:{foreground:"#EBCB8B"}},{name:"Constant Character Escape",scope:"constant.character.escape",settings:{foreground:"#EBCB8B"}},{name:"Constant Language",scope:"constant.language",settings:{foreground:"#81A1C1"}},{name:"Constant Numeric",scope:"constant.numeric",settings:{foreground:"#B48EAD"}},{name:"Constant Regexp",scope:"constant.regexp",settings:{foreground:"#EBCB8B"}},{name:"Entity Name Class/Type",scope:["entity.name.class","entity.name.type.class"],settings:{foreground:"#8FBCBB"}},{name:"Entity Name Function",scope:"entity.name.function",settings:{foreground:"#88C0D0"}},{name:"Entity Name Tag",scope:"entity.name.tag",settings:{foreground:"#81A1C1"}},{name:"Entity Other Attribute Name",scope:"entity.other.attribute-name",settings:{foreground:"#8FBCBB"}},{name:"Entity Other Inherited Class",scope:"entity.other.inherited-class",settings:{fontStyle:"bold",foreground:"#8FBCBB"}},{name:"Invalid Deprecated",scope:"invalid.deprecated",settings:{foreground:"#D8DEE9",background:"#EBCB8B"}},{name:"Invalid Illegal",scope:"invalid.illegal",settings:{foreground:"#D8DEE9",background:"#BF616A"}},{name:"Keyword",scope:"keyword",settings:{foreground:"#81A1C1"}},{name:"Keyword Operator",scope:"keyword.operator",settings:{foreground:"#81A1C1"}},{name:"Keyword Other New",scope:"keyword.other.new",settings:{foreground:"#81A1C1"}},{name:"Markup Bold",scope:"markup.bold",settings:{fontStyle:"bold"}},{name:"Markup Changed",scope:"markup.changed",settings:{foreground:"#EBCB8B"}},{name:"Markup Deleted",scope:"markup.deleted",settings:{foreground:"#BF616A"}},{name:"Markup Inserted",scope:"markup.inserted",settings:{foreground:"#A3BE8C"}},{name:"Meta Preprocessor",scope:"meta.preprocessor",settings:{foreground:"#5E81AC"}},{name:"Punctuation",scope:"punctuation",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Parameters",scope:["punctuation.definition.method-parameters","punctuation.definition.function-parameters","punctuation.definition.parameters"],settings:{foreground:"#ECEFF4"}},{name:"Punctuation Definition Tag",scope:"punctuation.definition.tag",settings:{foreground:"#81A1C1"}},{name:"Punctuation Definition Comment",scope:["punctuation.definition.comment","punctuation.end.definition.comment","punctuation.start.definition.comment"],settings:{foreground:"#616E88"}},{name:"Punctuation Section",scope:"punctuation.section",settings:{foreground:"#ECEFF4"}},{name:"Punctuation Section Embedded",scope:["punctuation.section.embedded.begin","punctuation.section.embedded.end"],settings:{foreground:"#81A1C1"}},{name:"Punctuation Terminator",scope:"punctuation.terminator",settings:{foreground:"#81A1C1"}},{name:"Punctuation Variable",scope:"punctuation.definition.variable",settings:{foreground:"#81A1C1"}},{name:"Storage",scope:"storage",settings:{foreground:"#81A1C1"}},{name:"String",scope:"string",settings:{foreground:"#A3BE8C"}},{name:"String Regexp",scope:"string.regexp",settings:{foreground:"#EBCB8B"}},{name:"Support Class",scope:"support.class",settings:{foreground:"#8FBCBB"}},{name:"Support Constant",scope:"support.constant",settings:{foreground:"#81A1C1"}},{name:"Support Function",scope:"support.function",settings:{foreground:"#88C0D0"}},{name:"Support Function Construct",scope:"support.function.construct",settings:{foreground:"#81A1C1"}},{name:"Support Type",scope:"support.type",settings:{foreground:"#8FBCBB"}},{name:"Support Type Exception",scope:"support.type.exception",settings:{foreground:"#8FBCBB"}},{name:"Token Debug",scope:"token.debug-token",settings:{foreground:"#b48ead"}},{name:"Token Error",scope:"token.error-token",settings:{foreground:"#bf616a"}},{name:"Token Info",scope:"token.info-token",settings:{foreground:"#88c0d0"}},{name:"Token Warning",scope:"token.warn-token",settings:{foreground:"#ebcb8b"}},{name:"Variable",scope:"variable.other",settings:{foreground:"#D8DEE9"}},{name:"Variable Language",scope:"variable.language",settings:{foreground:"#81A1C1"}},{name:"Variable Parameter",scope:"variable.parameter",settings:{foreground:"#D8DEE9"}},{name:"[C/CPP] Punctuation Separator Pointer-Access",scope:"punctuation.separator.pointer-access.c",settings:{foreground:"#81A1C1"}},{name:"[C/CPP] Meta Preprocessor Include",scope:["source.c meta.preprocessor.include","source.c string.quoted.other.lt-gt.include"],settings:{foreground:"#8FBCBB"}},{name:"[C/CPP] Conditional Directive",scope:["source.cpp keyword.control.directive.conditional","source.cpp punctuation.definition.directive","source.c keyword.control.directive.conditional","source.c punctuation.definition.directive"],settings:{foreground:"#5E81AC",fontStyle:"bold"}},{name:"[CSS] Constant Other Color RGB Value",scope:"source.css constant.other.color.rgb-value",settings:{foreground:"#B48EAD"}},{name:"[CSS](Function) Meta Property-Value",scope:"source.css meta.property-value",settings:{foreground:"#88C0D0"}},{name:"[CSS] Media Queries",scope:["source.css keyword.control.at-rule.media","source.css keyword.control.at-rule.media punctuation.definition.keyword"],settings:{foreground:"#D08770"}},{name:"[CSS] Punctuation Definition Keyword",scope:"source.css punctuation.definition.keyword",settings:{foreground:"#81A1C1"}},{name:"[CSS] Support Type Property Name",scope:"source.css support.type.property-name",settings:{foreground:"#D8DEE9"}},{name:"[diff] Meta Range Context",scope:"source.diff meta.diff.range.context",settings:{foreground:"#8FBCBB"}},{name:"[diff] Meta Header From-File",scope:"source.diff meta.diff.header.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition From-File",scope:"source.diff punctuation.definition.from-file",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Range",scope:"source.diff punctuation.definition.range",settings:{foreground:"#8FBCBB"}},{name:"[diff] Punctuation Definition Separator",scope:"source.diff punctuation.definition.separator",settings:{foreground:"#81A1C1"}},{name:"[Elixir](JakeBecker.elixir-ls) module names",scope:"entity.name.type.module.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Elixir](JakeBecker.elixir-ls) module attributes",scope:"variable.other.readwrite.module.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) atoms",scope:"constant.other.symbol.elixir",settings:{foreground:"#D8DEE9",fontStyle:"bold"}},{name:"[Elixir](JakeBecker.elixir-ls) modules",scope:"variable.other.constant.elixir",settings:{foreground:"#8FBCBB"}},{name:"[Go] String Format Placeholder",scope:"source.go constant.other.placeholder.go",settings:{foreground:"#EBCB8B"}},{name:"[Java](JavaDoc) Comment Block Documentation HTML Entities",scope:"source.java comment.block.documentation.javadoc punctuation.definition.entity.html",settings:{foreground:"#81A1C1"}},{name:"[Java](JavaDoc) Constant Other",scope:"source.java constant.other",settings:{foreground:"#D8DEE9"}},{name:"[Java](JavaDoc) Keyword Other Documentation",scope:"source.java keyword.other.documentation",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Author",scope:"source.java keyword.other.documentation.author.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation Directive/Custom",scope:["source.java keyword.other.documentation.directive","source.java keyword.other.documentation.custom"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Keyword Other Documentation See",scope:"source.java keyword.other.documentation.see.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java] Meta Method-Call",scope:"source.java meta.method-call meta.method",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Meta Tag Template Link",scope:["source.java meta.tag.template.link.javadoc","source.java string.other.link.title.javadoc"],settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Meta Tag Template Value",scope:"source.java meta.tag.template.value.javadoc",settings:{foreground:"#88C0D0"}},{name:"[Java](JavaDoc) Punctuation Definition Keyword",scope:"source.java punctuation.definition.keyword.javadoc",settings:{foreground:"#8FBCBB"}},{name:"[Java](JavaDoc) Punctuation Definition Tag",scope:["source.java punctuation.definition.tag.begin.javadoc","source.java punctuation.definition.tag.end.javadoc"],settings:{foreground:"#616E88"}},{name:"[Java] Storage Modifier Import",scope:"source.java storage.modifier.import",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Modifier Package",scope:"source.java storage.modifier.package",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type",scope:"source.java storage.type",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Annotation",scope:"source.java storage.type.annotation",settings:{foreground:"#D08770"}},{name:"[Java] Storage Type Generic",scope:"source.java storage.type.generic",settings:{foreground:"#8FBCBB"}},{name:"[Java] Storage Type Primitive",scope:"source.java storage.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Decorator",scope:["source.js punctuation.decorator","source.js meta.decorator variable.other.readwrite","source.js meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[JavaScript] Meta Object-Literal Key",scope:"source.js meta.object-literal.key",settings:{foreground:"#88C0D0"}},{name:"[JavaScript](JSDoc) Storage Type Class",scope:"source.js storage.type.class.jsdoc",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] String Template Literals Punctuation",scope:["source.js string.quoted.template punctuation.quasi.element.begin","source.js string.quoted.template punctuation.quasi.element.end","source.js string.template punctuation.definition.template-expression"],settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Interpolated String Template Punctuation Functions",scope:"source.js string.quoted.template meta.method-call.with-arguments",settings:{foreground:"#ECEFF4"}},{name:"[JavaScript] String Template Literal Variable",scope:["source.js string.template meta.template.expression support.variable.property","source.js string.template meta.template.expression variable.other.object"],settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Support Type Primitive",scope:"source.js support.type.primitive",settings:{foreground:"#81A1C1"}},{name:"[JavaScript] Variable Other Object",scope:"source.js variable.other.object",settings:{foreground:"#D8DEE9"}},{name:"[JavaScript] Variable Other Read-Write Alias",scope:"source.js variable.other.readwrite.alias",settings:{foreground:"#8FBCBB"}},{name:"[JavaScript] Parentheses in Template Strings",scope:["source.js meta.embedded.line meta.brace.square","source.js meta.embedded.line meta.brace.round","source.js string.quoted.template meta.brace.square","source.js string.quoted.template meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[HTML] Constant Character Entity",scope:"text.html.basic constant.character.entity.html",settings:{foreground:"#EBCB8B"}},{name:"[HTML] Constant Other Inline-Data",scope:"text.html.basic constant.other.inline-data",settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[HTML] Meta Tag SGML Doctype",scope:"text.html.basic meta.tag.sgml.doctype",settings:{foreground:"#5E81AC"}},{name:"[HTML] Punctuation Definition Entity",scope:"text.html.basic punctuation.definition.entity",settings:{foreground:"#81A1C1"}},{name:"[INI] Entity Name Section Group-Title",scope:"source.properties entity.name.section.group-title.ini",settings:{foreground:"#88C0D0"}},{name:"[INI] Punctuation Separator Key-Value",scope:"source.properties punctuation.separator.key-value.ini",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Fenced Code Block",scope:["text.html.markdown markup.fenced_code.block","text.html.markdown markup.fenced_code.block punctuation.definition"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Heading",scope:"markup.heading",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Inline",scope:["text.html.markdown markup.inline.raw","text.html.markdown markup.inline.raw punctuation.definition.raw"],settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Italic",scope:"text.html.markdown markup.italic",settings:{fontStyle:"italic"}},{name:"[Markdown] Markup Link",scope:"text.html.markdown markup.underline.link",settings:{fontStyle:"underline"}},{name:"[Markdown] Markup List Numbered/Unnumbered",scope:"text.html.markdown beginning.punctuation.definition.list",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown beginning.punctuation.definition.quote",settings:{foreground:"#8FBCBB"}},{name:"[Markdown] Markup Quote Punctuation Definition",scope:"text.html.markdown markup.quote",settings:{foreground:"#616E88"}},{name:"[Markdown] Markup Math Constant",scope:"text.html.markdown constant.character.math.tex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Markup Math Definition Marker",scope:["text.html.markdown punctuation.definition.math.begin","text.html.markdown punctuation.definition.math.end"],settings:{foreground:"#5E81AC"}},{name:"[Markdown] Markup Math Function Definition Marker",scope:"text.html.markdown punctuation.definition.function.math.tex",settings:{foreground:"#88C0D0"}},{name:"[Markdown] Markup Math Operator",scope:"text.html.markdown punctuation.math.operator.latex",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Heading",scope:"text.html.markdown punctuation.definition.heading",settings:{foreground:"#81A1C1"}},{name:"[Markdown] Punctuation Definition Constant/String",scope:["text.html.markdown punctuation.definition.constant","text.html.markdown punctuation.definition.string"],settings:{foreground:"#81A1C1"}},{name:"[Markdown] String Other Link Description/Title",scope:["text.html.markdown constant.other.reference.link","text.html.markdown string.other.link.description","text.html.markdown string.other.link.title"],settings:{foreground:"#88C0D0"}},{name:"[Perl] Perl Sigils",scope:"source.perl punctuation.definition.variable",settings:{foreground:"#D8DEE9"}},{name:"[PHP] Meta Function-Call Object",scope:["source.php meta.function-call","source.php meta.function-call.object"],settings:{foreground:"#88C0D0"}},{name:"[Python] Decorator",scope:["source.python entity.name.function.decorator","source.python meta.function.decorator support.type"],settings:{foreground:"#D08770"}},{name:"[Python] Function Call",scope:"source.python meta.function-call.generic",settings:{foreground:"#88C0D0"}},{name:"[Python] Support Type",scope:"source.python support.type",settings:{foreground:"#88C0D0"}},{name:"[Python] Function Parameter",scope:["source.python variable.parameter.function.language"],settings:{foreground:"#D8DEE9"}},{name:"[Python] Function Parameter Special",scope:["source.python meta.function.parameters variable.parameter.function.language.special.self"],settings:{foreground:"#81A1C1"}},{name:"[Rust] Entity types",scope:"source.rust entity.name.type",settings:{foreground:"#8FBCBB"}},{name:"[Rust] Macro",scope:"source.rust meta.macro entity.name.function",settings:{fontStyle:"bold",foreground:"#88C0D0"}},{name:"[Rust] Attributes",scope:["source.rust meta.attribute","source.rust meta.attribute punctuation","source.rust meta.attribute keyword.operator"],settings:{foreground:"#5E81AC"}},{name:"[Rust] Traits",scope:"source.rust entity.name.type.trait",settings:{fontStyle:"bold"}},{name:"[Rust] Interpolation Bracket Curly",scope:"source.rust punctuation.definition.interpolation",settings:{foreground:"#EBCB8B"}},{name:"[SCSS] Punctuation Definition Interpolation Bracket Curly",scope:["source.css.scss punctuation.definition.interpolation.begin.bracket.curly","source.css.scss punctuation.definition.interpolation.end.bracket.curly"],settings:{foreground:"#81A1C1"}},{name:"[SCSS] Variable Interpolation",scope:"source.css.scss variable.interpolation",settings:{foreground:"#D8DEE9",fontStyle:"italic"}},{name:"[TypeScript] Decorators",scope:["source.ts punctuation.decorator","source.ts meta.decorator variable.other.readwrite","source.ts meta.decorator entity.name.function","source.tsx punctuation.decorator","source.tsx meta.decorator variable.other.readwrite","source.tsx meta.decorator entity.name.function"],settings:{foreground:"#D08770"}},{name:"[TypeScript] Object-literal keys",scope:["source.ts meta.object-literal.key","source.tsx meta.object-literal.key"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Object-literal functions",scope:["source.ts meta.object-literal.key entity.name.function","source.tsx meta.object-literal.key entity.name.function"],settings:{foreground:"#88C0D0"}},{name:"[TypeScript] Type/Class",scope:["source.ts support.class","source.ts support.type","source.ts entity.name.type","source.ts entity.name.class","source.tsx support.class","source.tsx support.type","source.tsx entity.name.type","source.tsx entity.name.class"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Static Class Support",scope:["source.ts support.constant.math","source.ts support.constant.dom","source.ts support.constant.json","source.tsx support.constant.math","source.tsx support.constant.dom","source.tsx support.constant.json"],settings:{foreground:"#8FBCBB"}},{name:"[TypeScript] Variables",scope:["source.ts support.variable","source.tsx support.variable"],settings:{foreground:"#D8DEE9"}},{name:"[TypeScript] Parentheses in Template Strings",scope:["source.ts meta.embedded.line meta.brace.square","source.ts meta.embedded.line meta.brace.round","source.tsx meta.embedded.line meta.brace.square","source.tsx meta.embedded.line meta.brace.round"],settings:{foreground:"#ECEFF4"}},{name:"[XML] Entity Name Tag Namespace",scope:"text.xml entity.name.tag.namespace",settings:{foreground:"#8FBCBB"}},{name:"[XML] Keyword Other Doctype",scope:"text.xml keyword.other.doctype",settings:{foreground:"#5E81AC"}},{name:"[XML] Meta Tag Preprocessor",scope:"text.xml meta.tag.preprocessor entity.name.tag",settings:{foreground:"#5E81AC"}},{name:"[XML] Entity Name Tag Namespace",scope:["text.xml string.unquoted.cdata","text.xml string.unquoted.cdata punctuation.definition.string"],settings:{foreground:"#D08770",fontStyle:"italic"}},{name:"[YAML] Entity Name Tag",scope:"source.yaml entity.name.tag",settings:{foreground:"#8FBCBB"}}]},autoImport:!0,showCopyButton:!0,skipLanguages:[],filepath:"/Users/bytedance/modern.js/website/module-tools/docs/zh/guide/advance/theme-config.mdx"},a={sidebar_position:6},c=[{id:"\u52a8\u673a\u548c\u539f\u7406",text:"\u52a8\u673a\u548c\u539f\u7406",depth:2},{id:"\u4f7f\u7528\u793a\u4f8b",text:"\u4f7f\u7528\u793a\u4f8b",depth:2},{id:"tailwindcss",text:"tailwindcss",depth:3},{id:"html-\u7c7b\u540d",text:"HTML \u7c7b\u540d\u3002",depth:4},{id:"apply-\u6307\u4ee4",text:"@apply \u6307\u4ee4",depth:4}],d="\u4e3b\u9898\u914d\u7f6e",u="\"---\\nsidebar_position: 6\\n---\\n\\n# \u4e3b\u9898\u914d\u7f6e\\n\\n\u6a21\u5757\u5de5\u7a0b\u901a\u8fc7 [`designSystem`](/api/config/design-system) API\uff0c\u63d0\u4f9b\u4e86\u914d\u7f6e\u4e3b\u9898\u7684\u80fd\u529b\u3002\\n\\n## \u52a8\u673a\u548c\u539f\u7406\\n\\n\u4e3b\u9898\u914d\u7f6e\u6709\u4e9b\u7c7b\u4f3c\u7ec4\u4ef6\u5e93\u4e2d\u7684\u5b9a\u5236\u4e3b\u9898\u529f\u80fd\uff0c\u4e3b\u8981\u7528\u4e8e\u6837\u5f0f\u5f00\u53d1\u4e2d\u4f7f\u7528\u3002\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 `designSystem` \u914d\u7f6e\u5728\u4e0d\u540c\u7684\u6837\u5f0f\u5f00\u53d1\u73af\u5883\u4e0b\u4f7f\u7528\u7531\u5b83\u751f\u6210\u7684 `designToken`\u3002\\n\\n\u6240\u8c13 `designToken` \u5728\u4e0d\u540c\u7684\u6837\u5f0f\u5f00\u53d1\u73af\u5883\u4e0b\u5bf9\u5e94\u4e0d\u540c\u7684\u4e1c\u897f\uff1a\\n\\n- tailwindcss: \u4ee5 `designSystem` \u4f5c\u4e3a tailwindcss \u7684 `theme` \u914d\u7f6e\u3002\u56e0\u6b64\u53ef\u4ee5\u4f7f\u7528\uff1a\\n  - tailwindcss \u652f\u6301\u7684 HTML \u7c7b\u540d\u3002\\n  - \u5728 css/less/sass \u4e0b\u901a\u8fc7 `@apply` \u81ea\u5b9a\u4e49\u6307\u4ee4\u4f7f\u7528\u4e0e tailwindcss \u652f\u6301\u7684 HTML \u7c7b\u540d\u540c\u540d\u7684\u5b57\u7b26\u4e32\u3002\\n- css/less/scss: \u901a\u8fc7 `designSystem` \u751f\u6210\u5168\u5c40\u7684\u6837\u5f0f\u53d8\u91cf\u3002\\n\\n`designSystem` API \u7684\u6570\u636e\u7ed3\u6784\u501f\u9274\u4e86 `tailwindcss` \u914d\u7f6e\u5bf9\u8c61\u4e2d\u7684 [theme API](https://tailwindcss.com/docs/theme)\uff0c\u56e0\u6b64\u5b58\u5728\u9ed8\u8ba4\u7684\u4e00\u5957 `designToken`\u3002\u5173\u4e8e\u9ed8\u8ba4\u503c\uff0c\u53ef\u4ee5\u67e5\u770b [`designSystem` API](/api/config/design-system)\u3002\\n\\n:::info\\n\u76ee\u524d\u6682\u65f6\u8fd8\u672a\u652f\u6301 css/less/sass \u5168\u5c40\u53d8\u91cf\u3002\\n:::\\n\\n## \u4f7f\u7528\u793a\u4f8b\\n\\n### tailwindcss\\n\\n\u5728\u4f7f\u7528 tailwindcss \u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u901a\u8fc7 `designSystem` \u6765\u8bbe\u7f6e\u5b83\u7684 [`theme`](https://v2.tailwindcss.com/docs/theme#extending-the-default-theme) \u914d\u7f6e\u3002\\n\\n\u4f8b\u5982\u5728\u4e0b\u9762\u7684\u914d\u7f6e\u4e2d\u6269\u5c55\u4e86\u539f\u6709\u7684\u989c\u8272\u914d\u7f6e:\\n\\n```ts ./modern.config.ts\\nexport default {\\n  designSystem: {\\n    extend: {\\n      colors: {\\n        primary: '#1677ff',\\n      },\\n    },\\n  },\\n};\\n```\\n\\n\u6211\u4eec\u53ef\u4ee5\u5728\u4ee3\u7801\u4e2d\u6709\u4e24\u79cd\u4f7f\u7528 tailwindcss \u7684\u65b9\u5f0f\u3002\\n\\n#### HTML \u7c7b\u540d\u3002\\n\\n```tsx ./src/index.tsx\\nimport 'tailwindcss/utilities.css';\\n\\nexport default () => {\\n  return <div className=\\\"bg-primary\\\"></div>;\\n};\\n```\\n\\n#### `@apply` \u6307\u4ee4\\n\\n\u5173\u4e8e [`@apply`](https://tailwindcss.com/docs/functions-and-directives#apply)\u3002\\n\\n<CH.Code>\\n\\n```tsx ./src/index.tsx\\nimport './index.css';\\n\\nexport default () => {\\n  return <div className=\\\"btn-primary\\\"></div>;\\n};\\n```\\n\\n```css ./src/index.css\\n.btn-primary {\\n  @apply bg-primary;\\n}\\n```\\n\\n</CH.Code>\\n\"";function l(e){const o=Object.assign({h1:"h1",a:"a",p:"p",code:"code",h2:"h2",ul:"ul",li:"li",div:"div",h3:"h3",h4:"h4"},e.components);return s||p("CH",!1),s.Code||p("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(o.h1,{id:"\u4e3b\u9898\u914d\u7f6e",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u4e3b\u9898\u914d\u7f6e",children:"#"}),"\u4e3b\u9898\u914d\u7f6e"]}),"\n",(0,n.jsxs)(o.p,{children:["\u6a21\u5757\u5de5\u7a0b\u901a\u8fc7 ",(0,n.jsx)(o.a,{href:"/module-tools/api/config/design-system.html",children:(0,n.jsx)(o.code,{children:"designSystem"})})," API\uff0c\u63d0\u4f9b\u4e86\u914d\u7f6e\u4e3b\u9898\u7684\u80fd\u529b\u3002"]}),"\n",(0,n.jsxs)(o.h2,{id:"\u52a8\u673a\u548c\u539f\u7406",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u52a8\u673a\u548c\u539f\u7406",children:"#"}),"\u52a8\u673a\u548c\u539f\u7406"]}),"\n",(0,n.jsxs)(o.p,{children:["\u4e3b\u9898\u914d\u7f6e\u6709\u4e9b\u7c7b\u4f3c\u7ec4\u4ef6\u5e93\u4e2d\u7684\u5b9a\u5236\u4e3b\u9898\u529f\u80fd\uff0c\u4e3b\u8981\u7528\u4e8e\u6837\u5f0f\u5f00\u53d1\u4e2d\u4f7f\u7528\u3002\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 ",(0,n.jsx)(o.code,{children:"designSystem"})," \u914d\u7f6e\u5728\u4e0d\u540c\u7684\u6837\u5f0f\u5f00\u53d1\u73af\u5883\u4e0b\u4f7f\u7528\u7531\u5b83\u751f\u6210\u7684 ",(0,n.jsx)(o.code,{children:"designToken"}),"\u3002"]}),"\n",(0,n.jsxs)(o.p,{children:["\u6240\u8c13 ",(0,n.jsx)(o.code,{children:"designToken"})," \u5728\u4e0d\u540c\u7684\u6837\u5f0f\u5f00\u53d1\u73af\u5883\u4e0b\u5bf9\u5e94\u4e0d\u540c\u7684\u4e1c\u897f\uff1a"]}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:["tailwindcss: \u4ee5 ",(0,n.jsx)(o.code,{children:"designSystem"})," \u4f5c\u4e3a tailwindcss \u7684 ",(0,n.jsx)(o.code,{children:"theme"})," \u914d\u7f6e\u3002\u56e0\u6b64\u53ef\u4ee5\u4f7f\u7528\uff1a","\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsx)(o.li,{children:"tailwindcss \u652f\u6301\u7684 HTML \u7c7b\u540d\u3002"}),"\n",(0,n.jsxs)(o.li,{children:["\u5728 css/less/sass \u4e0b\u901a\u8fc7 ",(0,n.jsx)(o.code,{children:"@apply"})," \u81ea\u5b9a\u4e49\u6307\u4ee4\u4f7f\u7528\u4e0e tailwindcss \u652f\u6301\u7684 HTML \u7c7b\u540d\u540c\u540d\u7684\u5b57\u7b26\u4e32\u3002"]}),"\n"]}),"\n"]}),"\n",(0,n.jsxs)(o.li,{children:["css/less/scss: \u901a\u8fc7 ",(0,n.jsx)(o.code,{children:"designSystem"})," \u751f\u6210\u5168\u5c40\u7684\u6837\u5f0f\u53d8\u91cf\u3002"]}),"\n"]}),"\n",(0,n.jsxs)(o.p,{children:[(0,n.jsx)(o.code,{children:"designSystem"})," API \u7684\u6570\u636e\u7ed3\u6784\u501f\u9274\u4e86 ",(0,n.jsx)(o.code,{children:"tailwindcss"})," \u914d\u7f6e\u5bf9\u8c61\u4e2d\u7684 ",(0,n.jsx)(o.a,{href:"https://tailwindcss.com/docs/theme",target:"_blank",rel:"nofollow",children:"theme API"}),"\uff0c\u56e0\u6b64\u5b58\u5728\u9ed8\u8ba4\u7684\u4e00\u5957 ",(0,n.jsx)(o.code,{children:"designToken"}),"\u3002\u5173\u4e8e\u9ed8\u8ba4\u503c\uff0c\u53ef\u4ee5\u67e5\u770b ",(0,n.jsxs)(o.a,{href:"/module-tools/api/config/design-system.html",children:[(0,n.jsx)(o.code,{children:"designSystem"})," API"]}),"\u3002"]}),"\n",(0,n.jsxs)(o.div,{className:"modern-directive info",children:[(0,n.jsx)(o.p,{className:"modern-directive-title",children:"INFO"}),(0,n.jsx)(o.div,{className:"modern-directive-content",children:(0,n.jsx)(o.p,{children:"\n\u76ee\u524d\u6682\u65f6\u8fd8\u672a\u652f\u6301 css/less/sass \u5168\u5c40\u53d8\u91cf\u3002"})})]}),"\n",(0,n.jsxs)(o.h2,{id:"\u4f7f\u7528\u793a\u4f8b",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#\u4f7f\u7528\u793a\u4f8b",children:"#"}),"\u4f7f\u7528\u793a\u4f8b"]}),"\n",(0,n.jsxs)(o.h3,{id:"tailwindcss",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#tailwindcss",children:"#"}),"tailwindcss"]}),"\n",(0,n.jsxs)(o.p,{children:["\u5728\u4f7f\u7528 tailwindcss \u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u901a\u8fc7 ",(0,n.jsx)(o.code,{children:"designSystem"})," \u6765\u8bbe\u7f6e\u5b83\u7684 ",(0,n.jsx)(o.a,{href:"https://v2.tailwindcss.com/docs/theme#extending-the-default-theme-2",target:"_blank",rel:"nofollow",children:(0,n.jsx)(o.code,{children:"theme"})})," \u914d\u7f6e\u3002"]}),"\n",(0,n.jsx)(o.p,{children:"\u4f8b\u5982\u5728\u4e0b\u9762\u7684\u914d\u7f6e\u4e2d\u6269\u5c55\u4e86\u539f\u6709\u7684\u989c\u8272\u914d\u7f6e:"}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["./modern.config.ts"],active:"./modern.config.ts",heightRatio:1},files:[{name:"./modern.config.ts",focus:"",code:{lines:[{tokens:[{content:"export",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"default",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"designSystem",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"    ",props:{style:{color:"#D8DEE9FF"}}},{content:"extend",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"      ",props:{style:{color:"#D8DEE9FF"}}},{content:"colors",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"        ",props:{style:{color:"#D8DEE9FF"}}},{content:"primary",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"#1677ff",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:"#81A1C1"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(o.p,{children:"\u6211\u4eec\u53ef\u4ee5\u5728\u4ee3\u7801\u4e2d\u6709\u4e24\u79cd\u4f7f\u7528 tailwindcss \u7684\u65b9\u5f0f\u3002"}),"\n",(0,n.jsxs)(o.h4,{id:"html-\u7c7b\u540d",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#html-\u7c7b\u540d",children:"#"}),"HTML \u7c7b\u540d\u3002"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["./src/index.tsx"],active:"./src/index.tsx",heightRatio:1},files:[{name:"./src/index.tsx",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"tailwindcss/utilities.css",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:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"<div",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"className",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bg-primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"></div>;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),"\n",(0,n.jsxs)(o.h4,{id:"apply-\u6307\u4ee4",children:[(0,n.jsx)(o.a,{className:"header-anchor","aria-hidden":"true",href:"#apply-\u6307\u4ee4",children:"#"}),(0,n.jsx)(o.code,{children:"@apply"})," \u6307\u4ee4"]}),"\n",(0,n.jsxs)(o.p,{children:["\u5173\u4e8e ",(0,n.jsx)(o.a,{href:"https://tailwindcss.com/docs/functions-and-directives#apply-4",target:"_blank",rel:"nofollow",children:(0,n.jsx)(o.code,{children:"@apply"})}),"\u3002"]}),"\n",(0,n.jsxs)(s.Code,{codeConfig:i,northPanel:{tabs:["./src/index.tsx","./src/index.css"],active:"./src/index.tsx",heightRatio:1},files:[{name:"./src/index.tsx",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./index.css",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:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"<div",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"className",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"btn-primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"></div>;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"./src/index.css",focus:"",code:{lines:[{tokens:[{content:".",props:{style:{color:"#ECEFF4"}}},{content:"btn-primary",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  @apply bg-primary",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"css"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["./src/index.tsx"],active:"./src/index.tsx",heightRatio:1},files:[{name:"./src/index.tsx",focus:"",code:{lines:[{tokens:[{content:"import",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"./index.css",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:"()",props:{style:{color:"#ECEFF4"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  ",props:{style:{color:"#D8DEE9FF"}}},{content:"return",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"<div",props:{style:{color:"#81A1C1"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"className",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"btn-primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"></div>;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:i,northPanel:{tabs:["./src/index.css"],active:"./src/index.css",heightRatio:1},files:[{name:"./src/index.css",focus:"",code:{lines:[{tokens:[{content:".",props:{style:{color:"#ECEFF4"}}},{content:"btn-primary",props:{style:{color:"#8FBCBB"}}},{content:" ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"  @apply bg-primary",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"css"},annotations:[]}]})]})]})}function p(e,o){throw new Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}o.default=function(e={}){const{wrapper:o}=e.components||{};return o?(0,n.jsx)(o,Object.assign({},e,{children:(0,n.jsx)(l,e)})):l(e)}}}]);