我刚刚意识到源映射 – 一个期待已久的功能.我印象深刻的是,许多人聚在一起,使咖啡脚本(浏览器,kickstart项目等)
我设置了一个小测试,所以我可以理解如何使用它…
CoffeeScript的
注：这里有一个故意的错误,因为y没有定义
console.log 123 sq = (x)-> x * x console.log "thats how easy: "+sq y
源地图
{
"version": 3,"file": "test.js","sourceRoot": "","sources": [
"test.coffee"
],"names": [],"mappings": ";AAAA;CAAA,CAAA,IAAA;CAAA;CAAA,IAAO;;CAAP,CAEA,CAAK,MAAC;CACJ,EAAI,QAAJ;CAHF,EAEK;;CAFL,CAKA,IAAO,WAAK;CALZ"
}
使用Javascript
// Generated by CoffeeScript 1.6.1
(function() {
var sq;
console.log(123);
sq = function(x) {
return x * x;
};
console.log("thats how easy: " + sq(y));
}).call(this);
//@ sourceMappingURL=test.map
玉
html
head
script(src="test.js")
body
h1 Test Page
这一切似乎都是工作,因为咖啡脚本源被显示,我甚至可以设置断点(但图形似乎不显示,似乎有点不规则的断点在JavaScript中设置).
我遇到的问题是当有错误时,控制台会报告javascript文件的行号.如何找出导致错误的咖啡脚本源文件的行？
我在OSX 10.8.2上使用Google Chrome版本23.0.1271.101
解决方法
我其实只是回答了我自己的问题,非常类似于你的问题.你可以看看
here.
我使用的解决方案是使用cafeify来连接/编译所有我的coffeescript,使用coffeeify作为转换选项.当在browserify中将调试设置为true时,所有行号都应该映射回原始咖啡文本源中的正确行.