最近、haxe 言語でのソース デバッグを介して、chromeにソース マップが存在することを発見しました。元のソース コードでバグの理由を確認しながら、生成された JavaScript を Chrome ブラウザ内でデバッグできます。
coffeescript のソース マップ ジェネレータを書いた人はいますか / coffeescript のソース マップは可能ですか?
これは、coffeescript によって生成された JavaScript のデバッグに役立ちます。
9978 次
4 に答える
26
Coffeescript 1.6 には、ソース マップのネイティブ サポートがあります。
「--map」または「-m」オプションを使用して有効にします。または、npm コンパイラを使用する場合は、sourceMap: trueオプションを追加する必要があります。
于 2013-03-06T17:52:11.723 に答える
7
npm install -g coffee-script
グローバルモジュールとしてcoffee-scriptをインストールする必要があります。次のように入力して、バージョン>1.6を確認します
coffee -v
ヘルプが必要な場合は、使用できます。以下で使用されるオプションの意味を確認するために使用します
coffee -h
通常のコンパイルで使用する場合
coffee -mo script/ -cw src/
これにより、マップファイルが自動生成されます。コーディング中はこれをターミナルで実行したままにしておきます。保存するたびにコンパイルされます。
既知のバグ：
現在のcoffee-scriptコンパイラは、異なる/srcディレクトリと/scriptディレクトリを処理していないようです。マップファイルでは、sources={相対ファイルパス}ではなく{ファイル名}であることがわかります。
解決：
- .coffeeファイルを.jsと同じディレクトリに保存します
- .mapファイルでソースディレクティブを手動で変更します。これは次の保存時に再び上書きされます
于 2013-03-16T01:39:40.247 に答える
5
これは、CoffeeScript プロジェクトで長い間アクティブな問題でした (実際、これはソース マップ標準よりも前から存在します)。ただし、(完全な) CoffeeScript ソース マップ ジェネレーターはまだ存在しません。議論については、https://github.com/jashkenas/coffee-script/issues/558を参照してください。
ソース マップのサポートは、最近 Kickstarter で資金提供された "CoffeeScript Redux" コンパイラの目標の 1 つでもあります ( http://www.kickstarter.com/projects/michaelficarra/make-a-better-coffeescript-compilerを参照)。そのプロジェクトは始まったばかりです。https://github.com/michaelficarra/CoffeeScriptReduxで見ることができます
于 2012-06-08T03:02:18.830 に答える