@babel/runtime
@babel/runtime
は、Babelのモジュール化されたランタイムヘルパーを含むライブラリです。
インストール
- npm
- Yarn
- pnpm
npm install --save @babel/runtime
yarn add @babel/runtime
pnpm add @babel/runtime
併せて参照:
@babel/runtime-corejs2
。
使用方法
これは Babel プラグイン @babel/plugin-transform-runtime
と一緒にランタイム依存関係
として使用するように設計されています。使用方法については、そのパッケージのドキュメントを参照してください。
その理由
Babel は、ファイル全体で同じであり、再利用できる可能性がある出力を注入する場合があります。
たとえば、クラス変換(ルーズモードなし)の場合
JavaScript
class Circle {}
は以下になります。
JavaScript
function _classCallCheck(instance, Constructor) {
//...
}
var Circle = function Circle() {
_classCallCheck(this, Circle);
};
これは、クラスを含むすべてのファイルで `_classCallCheck` 関数が繰り返し複製されることを意味します。
@babel/plugin-transform-runtime
を使用すると、関数への参照を @babel/runtime
バージョンに置換します。
JavaScript
var _classCallCheck = require("@babel/runtime/helpers/classCallCheck");
var Circle = function Circle() {
_classCallCheck(this, Circle);
};
@babel/runtime
は、モジュラー方式で関数のインプリメンテーションを含むパッケージです。