Uglify Minify并使用Gulp生成源地图

Question

有人可以解释如何使用gulp进行丑化，然后连接并最终生成源映射吗？我似乎无法让它工作。我在 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'));