タグ

2021年3月8日のブックマーク (1件)

  • Babelプラグインの順序とallowDeclareFieldsの妙 | Wantedly Engineer Blog

    Babelでdeclareクラスフィールドを使うためにallowDeclareFieldsというオプションがあります。一見すると単に設定でこれを有効化すればいいような気がしますが、実は正しくこの設定を有効化するには罠がありました。記事ではBabelとTypeScriptのクラスフィールドサポートを紐解き、正しい理解にもとづいて適切な設定を紹介します。 クラスフィールドとはクラスフィールドはJavaScriptのStage 3提案で、クラスの直下に変数宣言のような記法でインスタンス変数やクラス変数に相当する宣言を行えるというものです。 class C { x; y = 42; static a; static b = 42; } console.log(new C().y); // => 42 console.log(C.b); // => 42TypeScriptでは型定義や修飾子ととも

    Babelプラグインの順序とallowDeclareFieldsの妙 | Wantedly Engineer Blog
    nc44v-134-nvtyqfgq
    nc44v-134-nvtyqfgq 2021/03/08
    @babel/plugin-proposal-class-properties利用時にallowDeclareFieldsをtrueにするべきだが、presetとpluginの読み込み順の関係からpreset-typescriptを用いるとdeclareのところで構文エラーを起こす。その回避方法の紹介