Javascript Sourcemap工作不正常(浏览器化和缩小)
我正在开发的angular.js应用程序目前使用Browserify、Minifyify和驱魔器构建,以便有一个minified.js文件和外部源地图。sourcemap正在工作,但并不完全正常。我可以在web inspector中看到未绑定的文件,并且在断点/异常上打开了正确的文件,这很好,但还不够 每个变量名都以其缩小的形式出现,调试控制台中出现的错误显示bundle.js中的行,而不是未绑定的文件中的行 我正在使用以下行构建捆绑包:Javascript Sourcemap工作不正常(浏览器化和缩小),javascript,minify,browserify,source-maps,Javascript,Minify,Browserify,Source Maps,我正在开发的angular.js应用程序目前使用Browserify、Minifyify和驱魔器构建,以便有一个minified.js文件和外部源地图。sourcemap正在工作,但并不完全正常。我可以在web inspector中看到未绑定的文件,并且在断点/异常上打开了正确的文件,这很好,但还不够 每个变量名都以其缩小的形式出现,调试控制台中出现的错误显示bundle.js中的行,而不是未绑定的文件中的行 我正在使用以下行构建捆绑包: $(BROWSERIFY) public/js/app.
$(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
ReferenceError:未定义崩溃
在Object.p.preview(http://localhost:3000/js/build/app_bundle.js:109:490)
在l.o.VIEW附件(http://localhost:3000/js/build/app_bundle.js:157:2193)
在http://localhost:3000/js/build/app_bundle.js:12:27196
在http://localhost:3000/js/build/app_bundle.js:13:2335
每升$eval(http://localhost:3000/js/build/app_bundle.js:11:23528)
以1美元申请(http://localhost:3000/js/build/app_bundle.js:11:23806)
在HTMLSPANENT。(http://localhost:3000/js/build/app_bundle.js:13:2317)
在HTMLSpanElement.o.event.dispatch(http://localhost:3000/js/vendor/offline/jquery.min.js:3:6055)
在HtmlPanelment.r.handle处(http://localhost:3000/js/vendor/offline/jquery.min.js:3:2830)www.js:9778
但是所有的引用都被缩小并放在主包中
我正在寻找改进sourcemap行为并能够完全调试应用程序的建议 浏览器现在不支持堆栈跟踪中的sourcemaps分辨率 请参阅本期: 关于这两个问题:
我想这是浏览器的问题。在大多数(所有)浏览器中,源代码映射支持还不是很好。