Node.js Uglify缩小并生成带有Gulp的源地图

Node.js Uglify缩小并生成带有Gulp的源地图,node.js,gulp,gulp-concat,gulp-uglify,gulp-sourcemaps,Node.js,Gulp,Gulp Concat,Gulp Uglify,Gulp Sourcemaps,有人能解释一下如何使用gulp进行丑化、浓缩并最终生成源地图吗?我似乎无法让它工作。我在API中没有看到任何与此相关的内容,但在我看来,它应该得到支持。关键是生成源映射,并在设置断点时使用源文件。我已经试着在下面的代码中将concat放在第一位,但当我这样做时,断点在chrome浏览器中不起作用 我正在使用 concat=require('gulp-concat')、和uglify=require('gulp-uglify') 在uglify之前移动concat似乎可以让它工作 gulp.src

有人能解释一下如何使用gulp进行丑化、浓缩并最终生成源地图吗?我似乎无法让它工作。我在API中没有看到任何与此相关的内容,但在我看来,它应该得到支持。关键是生成源映射,并在设置断点时使用源文件。我已经试着在下面的代码中将
concat
放在第一位,但当我这样做时,断点在chrome浏览器中不起作用

我正在使用
concat=require('gulp-concat')、
uglify=require('gulp-uglify')


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'));

OK,生成源映射,但源文件中的断点在chrome上不起作用。你能确认它能在chrome上为你工作吗?有关于断点的类似问题,嗨,这个问题解决了吗?我对…pipe(concat({includeContent:true}).pipe(uglify())…-自包含的sourcemaps问题也有同样的问题,但我相信这是同一个问题。一个有效的解决方案是非常有价值的!
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'));