Quantcast
Channel: Node.jsタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8838

【Babel】の使い方(Javascript・node.js)

$
0
0

専用のディレクトリ作成

$ mkdir babeltest

カウントディレクトリを移動

$ cd babeltest 

package.jsonを作成

$ npm init -y

上記のコードは、対話環境で対話する事なく、プロジェクト名など適当につけてファイル「package.json」を作成してくれます。

必要なライブラリをインストール

$ npm install--save-dev babel-cli
$ npm install--save-dev babel-preset-es2015

Babel CLIとES 2015のプリセットの2つをプロジェクトにインストールします。
その際、package.jsonに設定を保存する様に、「--save-dev」オプションをつけておきます。

.babelrcを作成

プロジェクトフォルダに「.babelrc」というファイルを作成し、そこに下記の内容を書き込みます。

{"presets":["es2015"]}

コマンドでJSファイルを変換

$ babel test.js -o test.out.js

上記の例では、test.jsファイルを変換したコードをtest.out.jsファイルに書き込んでいます。


Viewing all articles
Browse latest Browse all 8838

Trending Articles