概要 React.jsの勉強している時にBabelというツールを皆さんが使っていてどんなツールか知らなかったのでまとめてみました。 環境 Babel 6.5.2 Babelとは BabelはES6やES7など、新しいJavaScriptの仕様で書かれたソースコードを現状のブラウザで使用できるように変換(トランスパイル)してくれるツールです。 例えばES6のアロー演算子など、まだ対応していないブラウザはもちろんあるためそういったものを今のブラウザで動くように変換してくれます。 presetとは どの仕様で書いているかを選択するための項目です。現在は es2015 stage-0 ~ stage-3 react などがありますが、例えばreactのコードをES6の記法で書いたコードでしたら、reactとes2015を選択します。 stage-nとは 新しい仕様はstage-nとして書かれます。