缩小后对原始来源的引用

gulp reference to original source after minification

本文关键字：引用 原始 缩小      更新时间：2023-09-26

放大完成后，假设我有一些错误，

我希望浏览器的控制台将我指向原始源代码，以便我可以清楚地看到问题而不是缩小的代码行。

脚本.js + 更多文件（串联加缩小） 

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

控制台将带我到此文件

脚本.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"))
});

将其安装到您的开发依赖项中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 文件（例如.js）末尾有源映射 url，如下所示： 

//# sourceMappingURL=example.js.map
相关文章：