@babel/plugin-transform-runtime

在翻译过程中，需要特别注意保持所有 Markdown 语法和标签的完整性，不改变 HTML 标签的功能，以确保翻译后的内容不会影响任何语法或标签的呈现。请按照以下规则进行翻译：

识别和翻译文本内容：只识别和翻译 Markdown 中的纯文本内容，包括标题、段落和列表项中的文本。
保留标签和属性：遇到 HTML 标签（如、

特殊语法处理：对于 Markdown 特定的语法（如链接、图像标签），只翻译描述性文本部分（如 alt text），不改变链接或语法结构。

保持格式不变：确保所有 Markdown 格式（如粗体、斜体、代码块）在翻译过程中保持不变。

您的任务是确保翻译内容准确且不会破坏原始 Markdown 结构和 HTML 标签的功能。请在翻译过程中仔细检查，以确保语法和标签的正确呈现。

您只能返回翻译后的文本，不能返回其他内容。

将以下文本翻译为繁体中文：

@babel/plugin-transform-runtime

识别和翻译文本内容：只识别和翻译 Markdown 中的纯文本内容，包括标题、段落和列表项中的文本。

保留标签和属性：遇到 HTML 标签（如、等），请只翻译标签中可见的文本（如 alt 属性中的文本），并保留所有标签、属性名称和链接地址不变。

特殊语法处理：对于 Markdown 特定的语法（如链接、图像标签），只翻译描述性文本部分（如 alt text），不改变链接或语法结构。

保持格式不变：确保所有 Markdown 格式（如粗体、斜体、代码块）在翻译过程中保持不变。

您的任务是确保翻译内容准确且不会破坏原始 Markdown 结构和 HTML 标签的功能。请在翻译过程中仔细检查，以确保语法和标签的正确呈现。

您只能返回翻译后的文本，不能返回其他内容。

将以下文本翻译为繁体中文：

@babel/plugin-transform-runtime

在進行翻譯過程中，需要特別注意保持所有 Markdown 語法和標籤的完整性，不改變 HTML 標籤的功能，以確保翻譯後的內容不會影響任何語法或標籤的呈現。請按照以下規則進行翻譯：

識別和翻譯文本內容：只識別和翻譯 Markdown 中的純文本內容，包括標題、段落和列表項中的文本。

保留標籤和屬性：遇到 HTML 標籤（如、等），請只翻譯標籤中可見的文本（如 alt 屬性中的文本），並保留所有標籤、屬性名稱和鏈接地址不變。

特殊語法處理：對於 Markdown 特定的語法（如鏈接、圖像標籤），只翻譯描述性文本部分（如 alt text），不改變鏈接或語法結構。

保持格式不變：確保所有 Markdown 格式（如粗體、斜體、代碼塊）在翻譯過程中保持不變。

您的任務是確保翻譯內容準確且不會破壞原始 Markdown 結構和 HTML 標籤的功能。請在翻譯過程中仔細檢查，以確保語法和標籤的正確呈現。

您只能返回翻譯後的文本，不能返回其他內容。

將以下文本翻譯為繁體中文：

@babel/plugin-transform-runtime

在對某一專案內核進行二次開發過程中，遇到了一個很奇怪的問題，前端專案使用了 Taro 分包，微信小程序規定每個包大小不超過 2M，自行編譯後，主包中一個依賴資源文件就有 1.7M，在上其他一些依賴，導致了小程序主包過大，這個問題卡了我好久，本來以為是系統問題，並裝了個黑蘋果，當還是沒能解決，經過群裡老哥的幫助，終於解決了問題，解決方法竟然是把 babel 升級一下就可以了，經過測試主要還是以為 @babel/plugin-transform-runtime 的問題。

@babel/plugin-transform-runtime 有三大作用，其中之一就是自動移除語法轉換後內聯的輔助函數（inline Babel helpers），使用 @babel/runtime/helpers 裡的輔助函數來替代。這樣也就解決了代碼複用和最終文件體積大的問題。

安裝配置 #

安裝 @babel/plugin-transform-runtime 為開發依賴項，將 @babel/runtime 作為生產依賴項

npm install --save-dev @babel/plugin-trabsform-runtime
npm install --save @babel/runtime

配置文件#

// 默認配置
{
    "plugins": [
      "@babel/plugin-transform-runtime"
    ]
}

// 設置其配置項
{ 
    "plugins": [
      [
        "@babel/plugin-transform-runtime",
        {
          "helpers": true,
          "corejs": false,
          "regenerator": true,
          "useESModules": false,
          "absoluteRuntime": false,
          "version": "7.0.1-beta.0"
        }
      ]
    ]
}

helpers：該配置項用來設置是否要自動引入輔助函數包，取值為布爾值，默認為 true。
corejs：用來設置是否做 API 轉換以避免污染全局環境。corejs 可選值為是 false、2 和 3。一般情況下 corejs 取值為 false，即不對 Promise 這一類的 API 進行轉換。而在開發 JS 庫的時候設置為 2 或 3。
regenerator：和 corejs 一起用來設置是否做 API 轉換以避免污染全局環境。regenerator 取值為布爾值，默認為 true。
useESModules：用來設置是否使用 ES6 的模塊化用法，取值為布爾值，默認為 fasle。在用 webpack 一類的打包工具的時候，我們可以設置為 true，以便做靜態分析。
absoluteRuntime：用來自定義 @babel/plugin-transform-runtime 引入 @babel/runtime 模塊的路徑規則，取值是布爾值或字符串。沒有特殊需求，我們不需要修改，默認為 false 即可。
version：該項主要是和 @babel/runtime 及其進化版 @babel/runtime-corejs2、@babel/runtime-corejs3 的版本號有關係，這三個包我們只需要根據需要安裝一個。我們把安裝的 npm 包的版本號設置給 version 即可。