Browserify + 转换

Browserify 已经成为一个重要且不可或缺的工具， 但在与 gulp 良好协作之前需要被包装。以下是使用带有转换的 Browserify 的简单配方。

另请参阅：合并流来处理错误配方，用于处理流中 browserify 或 uglify 的错误。

'use strict';

var browserify = require('browserify');
var gulp = require('gulp');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var log = require('gulplog');
var uglify = require('gulp-uglify');
var reactify = require('reactify');

gulp.task('javascript', function () {
  // 在任务基础上设置 browserify 实例
  var b = browserify({
    entries: './entry.js',
    debug: true,
    // 在这里定义转换将避免流崩溃
    transform: [reactify]
  });

  return b.bundle()
    .pipe(source('app.js', { sourcemaps: true }))
    .pipe(buffer())
        // 在此处向管道添加转换任务
        .pipe(uglify())
        .on('error', log.error)
    .pipe(gulp.dest('./dist/js/', { sourcemaps: '../sourcemaps/' }));
});