問題タブ [source-maps]

私はいくつかの縮小された JavaScript コードを扱っており、デバッグ用のソース マップがあると本当に役に立ちます。Chrome では、ソース マップの有効化に問題はなく、現在も機能しています。

私は現在、Safari 開発ツールを使用してこれに関する作業を行うことを余儀なくされており、Safari でソース マップを有効にする方法を一生理解できません。グーグルで検索してもうまくいきませんでした。

Safari で JavaScript のソース マップを有効にすることに成功した人はいますか? 最新バージョンの 6.0.4 を使用しています。

Chrome Dev Tools で TypeScript のデバッグを機能させようとして、うまくいきません。すべての .ts ファイルのソース マップを生成しました。javascript は正しいように見えますが、Chrome は index.html で参照されている js ファイルのみを読み込み、すべてのモジュールを無視します。Typescriptコンパイラは私のモジュールで何もしていないように見えるので、これはちょっと理にかなっています。次の例で私が間違っていることを誰かが説明できれば、それは素晴らしいことです。

私のプロジェクト設定は次のようなものです：

Company.ts

User.ts

app.ts

index.html

コンパイラ コマンド

tsc --sourcemap --target ES5 --module commonjs file.ts

Chrome で index.html を開き、[ソース] パネルの Chrome Dev Tools を開くと、app.js と app.ts が表示されますが、他の .ts モジュールは表示されません。app.ts のソース マップは機能していますが、他のモジュールをロードして Chrome でデバッグできるようにするにはどうすればよいですか?

Google Chrome には、JS と CSS、CoffeeScript などのソースマップが既にあり、Paul Irish はソースマップを使用して SASS のデモを行いました。

これは、ブラウザで開発ソース ファイルをコンパイル結果にマップして、ソースに戻ることができるようにする手法です。

では、HTML のソースマップはありますか? Jade や Slim などの言語は、人々がより簡単にデバッグできるように、そのような機能を本当に望んでいます。

バイトコードのある部分から元のコード行に移動するためのフォーマットまたはライブラリの優れた機能はありますか? これは明らかに、デバッグやエラー メッセージに役立ちます。

特に、ソース マップのサポートをjs_of_ocamlに追加することがどれほど難しいかを調べています。

多くの contrib-sass 機能を grunt で動作させることができません。1日前にうなり声に飛び込みましたが、本当に良いことがわかりました。

ソースマップが機能するはずの contrib-sass リポジトリへのリンク: https://github.com/gruntjs/grunt-contrib-sass/commit/e85ee70ccb8839867172b57ca1378293291f8037

注:私は sass のブリーディング エッジを持っています。この機能はsass --watch --scss --sourcemap --no-cache、Google クローム カナリア ソースマップと Sass スタイルシートのデバッグを使用すると正常に動作します。

ここに私のGruntfile.jsがあります：

ところで、私がうなり声でまったく新しいと言ったように、私のコードで他の悪い習慣を見つけた場合はお知らせください。また、ftront-end 用の優れたプラグイン名はいつでも大歓迎です。私は多くのプラグインがあることを知りました。

注:なぜか、多くの sass オプションが機能しません。たとえば、noCache、lineNumbers、debugInfo、outputStyle:'compact'、'expanded' (圧縮、ネストされた動作 oO)

〜あえ

生成されたソース マップを使用して CoffeeScript をデバッグする方法は? マップ ファイルを含める必要がありますか? 他に何をする必要がありますか? 現在、コンパイル済みの JS ファイルとマップ ファイルの両方を含めていますが、私の Firefox デバッガーは特別なことをしていないようです....