待望の機能であるソース マッピングに気付きました。コーヒースクリプト(ブラウザ、キックスタートプロジェクトなど)のために多くの人が集まって実現したことに感銘を受けました.
少しテストを設定したので、使い方が理解できました...
コーヒースクリプト
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,CAAA,CAAA,IAAO;;CAAP,CAEA,CAAK,MAAC;CACJ,EAAI,QAAJ;CAHF,EAEK;;CAFL,CAKA,CAAA,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 ファイルの行番号を報告することです。エラーの原因となっている coffee-script ソース ファイルの行を見つけるにはどうすればよいですか?
OSX 10.8.2 で Google Chrome バージョン 23.0.1271.101 を使用しています。