javascript - Sourcemap 无法正常工作( browserify + minify )

Question

我正在开发的 angular.js 应用程序目前是使用 Browserify、Minifyify 和 Exorcist 构建的，以便拥有单个缩小的 .js 文件和外部源映射。源映射可以工作，但不完整。我可以在网络检查器中看到未捆绑的文件，并且在断点/异常处打开正确的文件，这很好，但还不够。

每个变量名称都以其缩小形式显示，并且调试控制台中出现的错误显示bundle.js 中的行而不是未捆绑的文件中的行。

我正在使用以下行构建 bundle :

$(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

但所有引用文献都已缩小并位于主包中。

我正在寻求建议来改进我的源映射行为并能够完全调试我的应用程序。

Answer 1

浏览器目前不支持堆栈跟踪中的源映射解析。

请引用这个问题:

https://code.google.com/p/chromium/issues/detail?id=330022&q=sourcemap%20stack%20trace&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

对于这两个问题:

AngularJS - Stack trace ignoring source map

Will the source mapping in Google Chrome push to Error.stack