0
我正在使用gulp来uglify JavaScript文件并生成它们的源映射。到目前为止好:使用gulp-gzip时Gulp SourceMaps不工作
var gulp = require('gulp');
var plugins = require('gulp-load-plugins')();
gulp.task('compress-js', ['clean-js'], function() {
return gulp.src('./resources/js/**/*.js')
.pipe(plugins.sourcemaps.init())
.pipe(plugins.uglify())
.pipe(plugins.rename({extname: '.min.js'}))
.pipe(plugins.sourcemaps.write('./maps'))
.pipe(gulp.dest('./public/js'))
.pipe(plugins.livereload());
});
此代码生成以下输出文件夹和文件,这是正确地加载到浏览器:
公共/ JS/someScript.min.js
function doSomeStuff(){console.log("This stuff function simply says: hello!!")
//# sourceMappingURL=maps/someScript.min.js.map
public/js/maps/someScript.min.js.map:注意该文件在上面的行中被引用。
不过,我也想给gzip他们,所以我更新gulpfile.js是:
gulp.task('compress-js', ['clean-js'], function() {
return gulp.src('./resources/js/**/*.js')
.pipe(plugins.sourcemaps.init())
.pipe(plugins.uglify())
.pipe(plugins.rename({extname: '.min.js'}))
.pipe(plugins.sourcemaps.write('./maps'))
.pipe(plugins.gzip())
.pipe(gulp.dest('./public/js'))
.pipe(plugins.livereload());
});
现在,我得到这些文件:
公共/ JS/someScript.min.js.gz
function doSomeStuff(){console.log("This stuff function simply says: hello!!")}
//# sourceMappingURL=maps/someScript.min.js.map
公共/ JS /地图/ someScript.min.js.map.gz
源映射未链接,因为js.gz文件引用someScript.min.js.map而不是someScript.min.js.map.gz。我错过了什么?我怎样才能使文件引用正确的扩展名?