Posted at

はじめての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);
};