跳到主要內容

@babel/plugin-proposal-record-and-tuple

安裝​

npm install --save-dev @babel/plugin-proposal-record-and-tuple

用法​

babel.config.json
{
  "plugins": ["@babel/plugin-proposal-record-and-tuple"]
}

透過 CLI​

Shell
$ babel --plugins @babel/plugin-proposal-record-and-tuple script.js

透過 Node API​

JavaScript
require("@babel/core").transformSync("code", {
  plugins: [["@babel/plugin-proposal-record-and-tuple"]],
});

選項​

importPolyfill​

布林值，預設為 false。

預設情況下，此外掛程式僅轉換建議語法，使用 Record 和 Tuple 全域變數

JavaScript
let a = #[1, 2, 3];

// ⬇ ⬇ ⬇ ⬇ ⬇ ⬇ ⬇ ⬇ ⬇ ⬇

let a = Tuple(1, 2, 3);

您需要載入多載元件，或可以傳遞 "importPolyfill": true 選項來注入匯入至 @bloomberg/record-tuple-polyfill，由建議作者維護

babel.config.json
{
  "plugins": [
    [
      "@babel/plugin-proposal-record-and-tuple",
      {
        "importPolyfill": true
      }
    ]
  ]
}
JavaScript
let a = #[1, 2, 3];

// ⬇ ⬇ ⬇ ⬇ ⬇ ⬇ ⬇ ⬇ ⬇ ⬇

import { Tuple as _Tuple } from "@bloomberg/record-tuple-polyfill";

let a = _Tuple(1, 2, 3);

別忘了將 @bloomberg/record-tuple-polyfill 加入您的相依性！

polyfillModuleName​

字串，預設為 "@bloomberg/record-tuple-polyfill"。

如果您希望將匯入注入到與 @bloomberg/record-tuple-polyfill 不同的 polyfill，您可以使用這個選項來指定其名稱。

參考資料​