Posted at

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

More than 1 year has passed since last update.

呼吸をするように 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"
}

watchifymain.jsbabelifytransform(-t) して ファイルに吐き出して( -obundle.js を作る。