浏览多个转换和源映射的bug

时间:2015-01-27 22:52:37

标签: javascript gulp browserify source-maps gulp-sourcemaps

我使用Browserify使用一种转换方法:remtify。以下是我构建脚本的方法:

gulp.task('scripts', function() {
    var b = null, watcher = null;

    function bundle() {
        return b
            .on('error', function(err) { console.error(err) })
            .bundle()
            .pipe(source('bundle.js'))
            .pipe(gulp.dest('dest/scripts'));
    }

    b = browserify({
            debug: true,
            entries: ['app/index.jsx'],
            transform: [ reactify ],
            extensions: [ '.jsx' ],
            cache: {}, packageCache: {}, fullPaths: true
        });

    if (config.watch) {
        b = watchify(b);
        b.on('update', bundle);
    }

    return bundle();
});

在本地运行应用程序时,源映射是正确的,在开发工具中我可以看到原始的jsx文件。
添加另一个转换时,此问题开始。然后在运行并查看开发工具时,我没有获得原始文件。相反,我在编译后得到了jsx文件。我尝试使用es6ify,uglifyfy和envify(remtify + es6ify,reactify + uglifyfy,reactify + envify),我得到了同样的错误行为。
这与源映射配置或browserify中的错误有关 知道怎么解决吗?

0 个答案:

没有答案