我使用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中的错误有关
知道怎么解决吗?