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