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

Edg*_*nez 7 node.js gulp gulp-sourcemaps gulp-concat gulp-uglify

有人可以解释如何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'));
Run Code Online (Sandbox Code Playgroud)

Hei*_*kki 7

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'));
Run Code Online (Sandbox Code Playgroud)

  • 确定生成源映射但源文件中的断点不适用于chrome.你可以确认它适用于你吗? (2认同)