【发布时间】：2014-05-16 13:52:33
【问题描述】：
我正在开发的 angular.js 应用程序目前是使用 Browserify、Minify 和 exorcist 构建的，以便拥有一个缩小的 .js 文件和外部源映射。源图正在工作，但不完全。我可以在 Web 检查器中看到未捆绑的文件，并且在断点/异常处打开正确的文件，这很好但还不够。
每个变量名称都显示在其缩小形式下，并且调试控制台中出现的错误会显示 bundle.js 中的行，而不是未捆绑文件中的行。
我正在使用以下行构建捆绑包：
$(BROWSERIFY) public/js/app.js --debug | $(MINIFYIFY) | $(EXORCIST) public/js/build/app_bundle.js.map > public/js/build/app_bundle.js
一个简单的例子：
WebDesktop.prototype.preview = function (url) {
crash();
$window.open(url);
};
当这个方法被调用时，我得到了明显的错误：
ReferenceError: crash is not defined
at Object.p.preview (http://localhost:3000/js/build/app_bundle.js:109:490)
at l.o.viewAttachment (http://localhost:3000/js/build/app_bundle.js:157:2193)
at http://localhost:3000/js/build/app_bundle.js:12:27196
at http://localhost:3000/js/build/app_bundle.js:13:2335
at l.$eval (http://localhost:3000/js/build/app_bundle.js:11:23528)
at l.$apply (http://localhost:3000/js/build/app_bundle.js:11:23806)
at HTMLSpanElement.<anonymous> (http://localhost:3000/js/build/app_bundle.js:13:2317)
at HTMLSpanElement.o.event.dispatch (http://localhost:3000/js/vendor/offline/jquery.min.js:3:6055)
at HTMLSpanElement.r.handle (http://localhost:3000/js/vendor/offline/jquery.min.js:3:2830) angular.js:9778
但所有引用都被缩小并在主包中。
我正在寻求改进我的源映射行为并能够全面调试我的应用程序的建议。
【问题讨论】：
-
我猜这是浏览器的问题。在大多数（所有）浏览器中，源映射支持还不是很好。
标签： javascript minify browserify source-maps