Babel入門

898 ワード

1.なぜBabelを使うのですか?
2015年2月20日よりECMAScript第六版(以下、ES 6と略称する)が正式に発売されました.この言語はずっと安定で急速な発展を維持しています.そして新しい機能もだんだん現在主流のJavaScriptエンジンに受け入れられています.ただし、ブラウザの端やノードの端で直接ES 6コードを実行するには、いくつかの日を待つ必要があります.幸いにもTC 39(EMCAScript仕様の研究開発を担当している組織)は多くの仕事をしています.ES 6のほとんどの特性を使用することができます.
  • 和諧モード運転(node-hamony*.js)
  • Babelを介してES 6をES 5に変換する(より正確にはソースコードからソースコードへのコンパイラ)
  • 2.使用前準備
    ES 6標準で新しいプロジェクトを始める時、ES 6で作成したコードとコンパイルされたES 5コードの区分ができるようにカタログ構造を作ります.オリジナルのES 6コードはsrcディレクトリの下に置いていますが、コンパイルされたファイルはdistディレクトリです.
    3.Babelの取り付け
  • もしBabelをインストールしていないなら、npmで
  • をインストールできます.
    npm install -g babel
  • Babelはインストールが完了すれば、あなたのES 6コードのコンパイルを開始します.もう一度確認してください.srcディレクトリにES 6ファイルをいくつか入れました.下のコマンドはこのディレクトリの下にあります.es.sと.jsの拡張子のファイルをES 5仕様のコードに合わせてdistディレクトリにコンパイルします.
  • babel -d dist/ src/