読者です 読者をやめる 読者になる 読者になる

tyoshikawa1106のブログ

- Force.com Developer Blog -

Babelの使い方を確認してみました

Babel

f:id:tyoshikawa1106:20160410133436p:plain

Babel · The compiler for writing next generation JavaScript

Babel Setup

次のインストールコマンドでbabelコマンドが利用できるようになります。

$ sudo npm install -g babel-cli

f:id:tyoshikawa1106:20160410134550p:plain


次のコマンドでバージョンを確認できます。

$ babel --version


ヘルプはこちら

$ babel --help

作業用のディレクトリ作成

$ cd desktop
$ mkdir node-babel-demo
$ cd node-babel-demo
$ npm init

ES2015の利用準備

次のコマンドでES2015が利用できるようになります。

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

.babelrcの準備

Babelの設定ファイルだと思います。

{
  presets: []
}

Babelサイトのプラグイン

プラグインはここのリンク先から確認できます。
f:id:tyoshikawa1106:20160410135658p:plain


arrow functionsの場合は次のようにインストールすることで利用できるみたいです。

$ npm install babel-plugin-transform-es2015-arrow-functions


思ったより大変そうだったので続きはまた今度

ちょっと追記

次のようにサンプルコードを用意した場合、
f:id:tyoshikawa1106:20160410141243p:plain


nodemonをつかって次のように動作確認できました。

$ nodemon --exec babel-node ./features/arrow-functions.js

f:id:tyoshikawa1106:20160410141325p:plain