JavaScript
babel

はじめてのbabel

とりあえず使ってみよう

#babelをインストール
$ npm install --save-dev babel-cli

#ES6からES5にコンパイルしたいので
$ npm install --save-dev babel-preset-es2015

#babelの設定ファイルを用意
$ touch .babelrc

で .babelrcをの中身を

.babelrc
{
  "presets": ["es2015"]
}

jsファイル作成

es6のアロー関数とletをつかってjsファイルを作成

script.js
let e = "どっこいしょ";

const message = (e) => console.log(e);

じゃ、コンパイルしよ

コンパイルしてみる
$ babel script.js --out-file compile.js

-bash: /usr/local/bin/babel: No such file or directory

あれ?
コンパイルできない・・・。
パスが通っていないみたい・・・。
で、パスを通してみようかな

再チャレンジ

#パスを通す
$ export PATH=$PATH:./node_modules/.bin

#再度コンパイル
$ babel script.js --out-file compile.js

できた!!笑

compile.js
"use strict";

var e = "どっこいしょ";

var message = function message(e) {
  return console.log(e);
};