gulp を使わず watchify で監視しつつ babel

呼吸をするように gulp を使ってたのでたまには npm scripts でやってみよっかなーと思ってやってみたら意外にいい感じだったのでメモ。

install package

必要なパッケージをインストール

• browserify
• watchify
• babelify
• babel-preset-es2015

あとはプリセット、プラグインはお好きなやつを。

$ npm install --save-dev browserify watchify babelify babel-preset-es2015

write .babelrc

.bablerc に以下を記述

{
"presets": ["es2015"]
}


もちろんプリセットは自分が好きな吐き出したいやつに変えられる。

npm scripts

npm scripts を記述

package.json

"scripts": {
    "dev": "watchify main.js -t babelify -o bundle.js"
}

watchify で main.js を babelify で transform(-t) して ファイルに吐き出して（ -o ） bundle.js を作る。