gulpでbrowserifyを使用したスクリプトをビルドする

gulpでbrowserifyを使用したスクリプトをビルドするための備忘録。

gulpfile.js

gulpfile.js

'use strict';

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var glob = require ('glob');
var browserify = require('browserify');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');

gulp.task('build', function() {
  // 対象のファイルをglobでまとめる
  var srcFiles = ['./js/**/*.coffee'].map(function(f){return glob.sync(f);});
  browserify({
    entries: srcFiles,
    extensions: ['.coffee', '.js'] // require時に拡張子を省略できるように
  })
  .transform('coffeeify')     // coffeeをビルド
  .bundle()
  .pipe(source('main.js'))    // browserifyで作成されたstreamをvinylに変換
  .pipe(buffer())             // browserifyをuglify()するためには必要
  .pipe(uglify())
  .pipe(gulp.dest('./assets/js'))
});