web-dev-qa-db-ja.com

TypeScriptはES6コードにコンパイルできますか？

基本的に、IDE（これにより開発が非常に簡単になります）にTypeScriptを記述し、ES6（jsの近未来）を適用してからbabel.js（すべてのブラウザーがほとんどのES6をサポートしていないため）結果のES5スクリプトを取得します。

これは可能ですか、またはどのように同じ結果を達成できますか？

javascripttypescriptecmascript-6babeljs
29
zmii

はい。

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

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

--target es6
46
Sahar Menashe

はい、できます。

--target es2015を追加するか、tsconfig.jsonにtargetを追加します。

{
  "compilerOptions": {
    "target": "es2015"
  }
}

ターゲットでサポートされているオプションは次のとおりです。

  • 「ES3」（デフォルト）
  • 「ES5」
  • 「ES6」/「ES2015」
  • 「ES2016」
  • 「ES2017」
  • 「ESNext」

さらに多くの設定オプションがあります。ここでそれらを調べることができます： コンパイラオプション

一部のオプションはtsconfig.jsonでのみ許可され、コマンドラインスイッチでは許可されません。

12
Olaf

TypeScriptを使用して純粋なES6を記述し、ES3またはES5にトランスパイルできます。 TypeScriptはES6プラスの利点があるためです。

Lessを使用してcssを記述しているように見えます。純粋なCSSをlessファイルに記述すれば、問題なくコンパイルできます。

TypeScript 1.8言語仕様の場合：

TypeScriptはJavaScriptの構文糖衣です。 TypeScript構文は、ECMAScript 2015（ES2015）構文のスーパーセットです。すべてのJavaScriptプログラムもTypeScriptプログラムです。

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

4
lebobbi

TypeScriptは多かれ少なかれES6であり、構文糖衣はほとんどありません。 TypeScriptの代わりにVanilla ES6を作成することをお勧めしますが、TypeScriptツールはTypeScriptを作成してES6に変換し、Babelに残りの作業を行わせるために余分な労力を費やす価値があります。

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

3
Adi