BabelでWebStormでコンストラクタなしでjavaScriptクラスを使用するにはどうすればいいですか？

Question

http://jsbin.com（ES6 /バベル）でこのコード作業

constuctorとプロパティ（this.gender =「男性」）とES6に変換するためにバベルの設定とWebStormで、コンストラクタなしでクラスを使用する方法

class Human { 
    gender = 'male'; 
    prnG =()=> { 
     console.log(this.gender) 
    } 
} 

class Person extends Human { 
    name = 'Ana'; 
    gender = 'female'; 
    prnN =()=> { 
     console.log(this.name); 
    } 
} 

const hum = new Human(); 
hum.prnG(); // "male" 

const person = new Person(); 
person.prnG(); // "female" 
person.prnN(); // "Ana" 

？

Answer 1

あなたにはtransform-class-propertiesバベルのプラグインが必要です。 .babelrcで

• npm i babel-plugin-transform-class-properties babel-preset-env --save-dev

• ：

{ "プラグイン"：[ "トランスフォームクラスのプロパティ" ]、 "プリセット"：[ 「ENV " " }