Question

我正在开发一个使用以下工具的项目：

我能够生成分发文件并且它可以正常工作。但生成的源映射不正确。当我在Chrome中加载Chrome时，Chrome无法将分发文件映射到源文件。我的问题与this one类似（但不一样）。不幸的是，这个类似的问题没有答案，因此对我没有帮助。

我也试过关注this recipe，但这不符合我的情况。

这是我设置的相关代码（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'));
});

我该如何解决？

源地图不适用于Gulp，Browserify，Babelify，Uglify，gulp-rename和gulp-sourcemaps

0 个答案: