Question

有人可以解释如何uglify，然后concat并最终使用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

在concat之前移动uglify似乎使其有效。

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

Uglify使用Gulp缩小并生成源地图

1 个答案: