Javascript 调试模式下的browserify在chrome开发工具中提供coffee文件

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

编辑： 为什么我需要JSSourceMaps：在devtools中调试coffee文件很困难，比如添加断点、单步执行、单步执行等等

解决这个问题的一种方法是，用js文件代替coffee文件，将所有coffee编译成js，然后使用browserify组合js。这种方法有点不可选择。为了看文件，我必须看咖啡和编译的js

---

有直接的方法吗？

为什么您希望源地图不显示源代码？我认为简单地注释掉

.pipe（source…

行应该删除源代码映射，让您看到生成的JS-这应该足够了，因为您没有缩小、混淆或丑化源代码code@Caffeinated.tech请查看编辑

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();
}