Gulp-sourcemap, браузера и babelify

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 в то время как я ожидал увидеть transpiled js файлы в dist с той же структурой папок, как src (здесь app).

Я ожидаю, что это правильно? Если да, то как я могу заставить его работать так, как я ожидаю.

Answer 1

вы должны удалить

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

, которые бесполезны при использовании отладки: истинна на browserify. опция debug: true записывает непосредственно исходные карты на bundle.js с кодировкой base64. Таким образом, в вашем браузере вы получаете исходные файлы отдельно.