Question

我正在编写一个反应应用程序，使用gulp构建和babelify进行转换。

我使用browserify任务的以下定义：

gulp.task('browserify', function() {
    var entries = glob.sync('./app/**/*.js*');
    var bundler = browserify({entries: entries, debug: true})
        .transform("babelify", {presets: ["es2015", "react"]})
        .bundle()
        .on('error', function(err) {
            console.error(err);
        })
        .pipe(source('bundle.js'))
        .pipe(buffer())
        .pipe(sourcemaps.init({loadMaps: true}))
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest('dist'));
});

我得到一个bundle.js，而我希望在js中看到与dist具有相同文件夹结构的已转换src个文件（此处为app）。< / p>

我期待一件正确的事吗？如果是的话，我怎样才能让它像我期望的那样工作。

Answer 1

你应该删除

.pipe(sourcemaps.init({loadMaps: true}))
.pipe(sourcemaps.write('./'))

在使用debug时无效：在browserify上为true。 debug：true选项直接使用base64编码写入bundle.js上的源图。因此，在您的浏览器上，您可以分别获得源文件。

Gulp-sourcemap，browserify和babelify

1 个答案: