ゆるふわエンジニアのブログ

やったこと、調べたこと等をつらつらと書いていくかもしれません。

Babelのインストールおよび使用方法

本記事では、Babelのインストール方法および使用方法について紹介していきます。
Babelは、ES2015やES2017形式で記述したJavaScript
ソースコードをES5以前の形式に変換するツールです。

本記事の内容です。

package.jsonを作成する

下記のコマンドを実行し、package.jsonを作成します。

npm init -y

Babelをインストールする

下記のコマンドを実行し、Babelやプリセットをインストールします。

npm install --save-dev babel-cli babel-preset-env

ソースコードを変換する

下記のコマンドを実行し、ソースコードをES5以前の形式に変換します。
今回は、jsフォルダ下のファイルすべてを変換し、
その結果をdistフォルダへ出力しています。

.\node_modules\.bin\babel js --out-dir dist

参考にしたWebサイト

babeljs.io