4
3

More than 5 years have passed since last update.

Babel + Browserfyでコメントを除去したいだけなら特殊なpluginなどはいらなかった話

Last updated at Posted at 2015-11-09

minifyじゃない。コメントだけ消したいんだよ!
みたいなのにちょっと苦戦したのでメモ。

結論

特にpluginなどはいらなかった。babelifyで十分

gulp.task('babel-build', function(){
  browserify({
    entries: "someFile.js",
    extensions: ['js', 'jsx'],
  })
  .transform(babelify.configure({
    comments: false // これ!
  }))
  .pipe(source("bundle.js"))
  .pipe(gulp.dest("/dest"))
})

ドキュメントとか

https://babeljs.io/docs/usage/options/

ここ。
commentsオプションがあった。最初は「コメント除去とかはbabelの責務なわけ無い」と思ってたけどどうもそうでもないらしい。思い込みだった。
sourcemapとかも多分一番綺麗に対応してくれる気がする。

経緯とかメモとか

  • 最初、gulp-uglifyを試してみた
    • → 失敗。コメントだけ消したいけど結構色々変換されててだるい。
    • 色々オプションいじってみるが思った感じにならぬ。辛い。
    • まあ別にそれでもいいんだけど・・・
  • 次にminifyifyを試す
    • → callbackの書き方とgulpの組み合わせが微妙そうで挫折。
  • 次にgulp-strip-commentsを試す
    • → 一応動くっぽいがsourcemapがうまくいかない・・・
  • ここでbabelのドキュメント読み返す。
    • あるじゃん!
    • おしまい。
4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3