Node.js Uglify缩小并生成带有Gulp的源地图
有人能解释一下如何使用gulp进行丑化、浓缩并最终生成源地图吗?我似乎无法让它工作。我在API中没有看到任何与此相关的内容,但在我看来,它应该得到支持。关键是生成源映射,并在设置断点时使用源文件。我已经试着在下面的代码中将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
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'));