javascript - TypeScript を ES6 にトランスパイルするにはどうすればよいですか?

Question

基本的に、IDE で TypeScript コードを記述し (これにより開発が大幅に容易になります)、それを ES6 にコンパイルし、babel.js(すべてのブラウザーがほとんどの ES6 をサポートしていないため) 適用して、結果の ES5 スクリプトを取得できる必要があります。

これは可能ですか？どうすればこれを達成できますか？

Answer 1

はい。

TypeScript コンパイラのターゲットを ES6 にすることができます。

たとえば、これをコマンド ライン引数に追加します。

--target es6

Answer 2

typescript を使用して純粋な ES6 を記述し、ES3 または ES5 にトランスパイルできます。typescript は ES6 プラスグッズなので。

Less を使用して CSS を記述していると考えてください。純粋な CSS をより少ないファイルに記述することができ、問題なくコンパイルされます。

typescript 1.8 言語仕様の場合:

TypeScript は JavaScript のシンタックス シュガーです。TypeScript 構文は、ECMAScript 2015 (ES2015) 構文のスーパーセットです。すべての JavaScript プログラムは、TypeScript プログラムでもあります。

TypeScript 構文には、クラスやモジュールを含む ECMAScript 2015 のすべての機能が含まれており、これらの機能を ECMAScript 3 または 5 準拠のコードに変換する機能を提供します。

Answer 3

TypeScript は多かれ少なかれ ES6 であり、シンタックス シュガーはほとんどありません。TypeScript の代わりに Vanilla ES6 を作成することをお勧めしますが、一方で TypeScript ツールは、TypeScript を作成して ES6 にトランスパイルし、あとは Babel に任せるという余分な労力を費やす価値があります。

これは、コメントに記載されているようなより便利なオプションです。TypeScript 1.5 から、ES6 にトランスパイルすることができます。