node.js - gulp-sourcemaps 生成一个空的名称属性

Question

我正在尝试使用 gulp 为丑化的 javascript 生成源映射文件。我的任务如下:

gulp.task('scripts', ['clean'], function() {

  return gulp.src([ 'src/app/**/*.js' ])
    .pipe(sourcemaps.init())
    .pipe(concat('app.min.js'))
    .pipe(uglify())
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dest/app'));

});

由 gulp-sourcemaps 生成的输出映射包含一个空的 names 数组，这会阻止浏览器将函数参数恢复为其原始名称。

在我看来，gulp-sourcemaps 没有正确合并链接的 map 文件？ gulp-concat 不会输出 names 属性(它不需要:它只是连接)，但 gulp-uglify 会:

gulp.task('scripts', ['clean'], function() {

  return gulp.src([ 'src/app/**/*.js' ])
    .pipe(sourcemaps.init())
//    .pipe(concat('app.min.js'))
    .pipe(uglify())
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dest/app'));

});

上面确实生成了设置了 names 属性的正确 map 文件。

我做错了什么或者有人有解决方法吗？

Answer 1

这似乎是 Uglify2 中的一个错误。应该通过这个简单的修复来解决:

https://github.com/mishoo/UglifyJS2/pull/546