coffeescript - gulp ，browserify， map ？

Question

如何启用源 map ？我正在这样做:

  var browserify = require("gulp-browserify")

  gulp.task("compile:client", function() {
    gulp.src("src/client/app.coffee", {
      read: false
    })
    .pipe(browserify({
      debug: true // THIS DOES NOTHING :(
      transform: ['coffeeify'],
      extensions: ['.coffee']
    }))
    .pipe(rename('app.js'));
  });

哎哟......出于某种原因在 github page上对于 gulp-browserify 它说:
插件被列入黑名单。

我不明白...我想怎么用browserify和我的coffeescript文件一起使用呢？

UPD:哈!我错了: debug选项有效。它只是将源映射信息粘贴到输出 javascript 文件中。惊人的。问题仍然悬而未决:为什么这个插件被列入黑名单？

Answer 1

我通过爬网找到了一个解决方案，它看起来像这样:

var browserify = require('browserify');
var gulp = require('gulp');
var exorcist = require('exorcist');
var source = require('vinyl-source-stream');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var sourcemaps = require('gulp-sourcemaps'); // https://www.npmjs.org/package/gulp-sourcemaps

gulp.task('browserify', function(){
    return browserify({
            entries: ['./file1.js'],
            debug: true
        })
        .bundle()
        .pipe(exorcist('./output.js.map'))
        .pipe(source('output.js'))
        .pipe(gulp.dest('./'));
});

gulp.task('together', ['browserify'], function() {
  return gulp.src('output.js')
    .pipe(sourcemaps.init({loadMaps: true}))
      .pipe(concat('all-with-maps.js'))
      .pipe(uglify())
    .pipe(sourcemaps.write('.', {addComment: true /* the default */, sourceRoot: '/src'}))
    .pipe(gulp.dest('dist'));
});

确保您安装了最新版本的 browserify(我从今天开始使用 5.10.0).. 您曾经需要通过 {debug: true}到 bundle() call .. 但它已移至 browserify()直接地。

关于黑名单:认为最好使用 browserify()直接，就像我们在这里做的那样。似乎不需要插件。