在调试模式下浏览器在chrome dev工具中提供咖啡文件

Question

function watchAndBuild(options) {
    var bundler = browserify({
        // Required watchify args
        cache: {}, packageCache: {}, fullPaths: true,
        // Browserify Options
        entries: ['./coffee/' + options.src ],
        extensions: ['.coffee'],
        transform: ['coffeeify'],
        debug: true
    });
    var bundle = function() {
        return bundler
            .bundle()
            .on('error', gutil.log.bind(gutil, 'Browserify error'))
            .pipe(source( options.filename + 'app.js'))
            .pipe(rename(options.filename + '.js'))
            .pipe(gulp.dest('../public/assets/javascripts/build/' + options.dest));
    };
    bundler = watchify(bundler);
    bundler.on('update', bundle);
    bundler.on('update', console.log.bind(console));
    return bundle();
}

我正在使用watchify和browserify，如上所示。这可以很好地跟踪我的更改并正确重建。唯一的问题是它正在生成咖啡源图，即它在chrome devtools中显示咖啡文件。我想要javascript源图。

修改 为什么我需要js源图：很难在devtools中调试咖啡文件，比如添加断点，跳过步骤，进入等等。

解决此问题的一种方法是使用js文件而不是咖啡文件将所有咖啡编译成js，然后使用browserify组合js。这种方法几乎没有经过优化。为了观看文件我必须看咖啡以及编译的js

有没有直接的方法呢？