メインコンテンツにスキップ

@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 経由​

シェル
$ 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​

boolean、デフォルトは 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​

string、デフォルトは "@bloomberg/record-tuple-polyfill" です。

`@bloomberg/record-tuple-polyfill` とは異なるポリフィルにインポートを挿入する場合は、このオプションを使用してその名前を指定できます。

参考文献​