Исходные карты не работают с Gulp, Browserify, Babelify, Uglify, gulp-rename и gulp-sourcemaps

Question

Я работаю над проектом, который использует следующие инструменты:

• Глоток
• Browserify
• Babelify
• Уродовать
• глоток переименование
• проглатывать-sourcemaps

Я могу создать файл дистрибутива, и он работает правильно. Сгенерированная исходная карта неверна. Когда я загружаю его в Chrome, Chrome не может сопоставить дистрибутивный файл с исходными файлами. Моя проблема похожа (но не та же) на эту. К сожалению, на этот похожий вопрос нет ответа, поэтому он мне не помогает.

Я также пытался следовать этому рецепту, но он не подходит для моего случая.

Это соответствующий код моей установки (gulpfile.js):

var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var sourcemaps = require('gulp-sourcemaps');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');

gulp.task('build:dist', function() {
   var browserifyInstance = browserify({
      entries: 'src/module.js',
      debug: true,
      standalone: 'Module',
      bundleExternal: false,
      transform: [babelify]
   });

   return browserifyInstance
      .bundle()
      .pipe(source('module.js'))
      .pipe(rename({
         extname: '.min.js'
      }))
      .pipe(buffer())
      .pipe(sourcemaps.init({
         loadMaps: true
      }))
      .pipe(uglify())
      .pipe(sourcemaps.write('./'))
      .pipe(gulp.dest('dist'));
});

Как я могу это исправить?