Question

放大完成后，让我说我有一些错误，

我想让浏览器的控制台指向我原始来源，这样我就可以清楚地看到问题，而不是缩小代码行。

Script.js +更多文件（连接加上缩小）

   var somevar = 4
   console.log(someVar) //misspelled var name

控制台会将我带到此文件

script.min.js

var somevar=4;console.log(someVar)

我见过一些带有js库的.map文件，不知道它们是如何工作的。

如果缩小文件中出现错误/问题，有人可以建议浏览器的控制台如何引用原始来源。

gulp.task("app", function() {
    var app = [
        "js/libs/abc.js",
        "js/file1.js",
        "js/file2.js"
    ];

    gulp.src(app)
        .pipe(concat("app.min.js"))
        .pipe(uglify())
        .pipe(gulp.dest("js"))
});

Answer 1

将此安装到您的dev依赖项 https://www.npmjs.com/package/gulp-sourcemaps

gulp.src(app)
        .pipe(concat("app.min.js"))
        .pipe(sourcemaps.init())
        .pipe(uglify())
        .pipe(sourcemaps.write("./"))
        .pipe(gulp.dest("js"))

确保生成的JavaScript文件example.js在末尾有源映射网址，如下所示：

//# sourceMappingURL=example.js.map

缩小后吞入原始来源

1 个答案: