Uglify Minify 并使用 Gulp 生成源图

Question

有人可以解释如何使用 gulp 进行 uglify、concat 并最终生成源映射吗？我似乎无法让它工作。我在 API 中没有看到任何关于此的内容，但在我看来应该支持它。重点是生成源映射并在设置断点时使用源文件。我尝试将concat 首先放在以下代码中，但是当我这样做时，断点在 chrome 浏览器中不起作用。

我正在使用
concat = require('gulp-concat'), 和 uglify = require('gulp-uglify')。

gulp.src(['src/app.js', 'src/**/*.js'])
    .pipe(sourcemaps.init())
    .pipe(uglify({
        compress: {
            negate_iife: false
        }
    }))
    .pipe(concat("app.concat.js"))
    .pipe(rename('app.min.js'))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('public/js'));

Answer 1

在uglify 之前移动concat 似乎可以正常工作。

gulp.src(['src/app.js', 'src/**/*.js'])
    .pipe(sourcemaps.init())
    .pipe(concat('app.concat.js'))
    .pipe(uglify({
        compress: {
            negate_iife: false
        }
    }))
    .pipe(rename('app.min.js'))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('public/js'));