Question

所以我昨天刚刚和Gulp建立起来，经过一段艰难的开始，我正在自动构建流程，但我决定尝试做一些 teensy 有点棘手的事情撞到另一堵墙。

我想要的输出是有一个缩小的javascript文件，我可以将其提供给浏览器，并在Chrome或Firefox中检查时，查看原始源代码。很简单吧？

我目前在gulpfile中有以下内容：

gulp.task('minify', function() {
    gulp.src('./sources/**/*.js')
    .pipe(sourcemaps.init())
    .pipe(minify({
        ext:{
            src:'.js',
            min:'.min.js'
        }
    }))
    .pipe(sourcemaps.write('maps'))
    .pipe(gulp.dest('./www/js'));
});

这会在./www/js/maps/中成功生成源图，并将以下内容放在未压缩文件的底部：

//# sourceMappingURL=maps/<whatever>.js.map

但是，它不会将此类评论附加到压缩文件的底部。因此，当我在浏览器中打开这些文件时，它无法向我显示原始来源。

我做错了什么？

Answer 1

你可以试试这个：

gulp.task('minify', function() {
    gulp.src('./sources/**/*.js')
    .pipe(sourcemaps.init())
    .pipe(minify({
        ext:{
            src:'.js',
            min:'.min.js'
        }
    }))
    .pipe(sourcemaps.write('maps', {
      addComment: true
    }))
    .pipe(gulp.dest('./www/js'));
});

Gulp + sourcemaps如何用于调试

1 个答案: