問題タブ [source-maps]

私は、VS 2012 で開発された ASP.NET MVC Web サーバーを含む環境で Sass 開発の解決策を見つけようと探し回っています。Sass コンパイルに Web ワークベンチを使用しています。問題は次のとおりです。

「debug」フラグがオンに設定されている場合、workbench が SCSS ファイルをコンパイルすると、マッピングを含む css ファイルが作成されます。

Sass のデバッグに一般的に使用される方法である Chrome 開発ツールの「実験」では、スタンドアロンのマップ ファイル (*.css.map) が必要です。この違いは、最新のワークベンチが Sass 3.2.9 を使用しているのに対し、ソース マップ ファイルは sass 3.3 で導入されていることに起因します。

誰もこの問題について経験がありますか? ここに行くにはいくつかの方法があると思います

1. なんとか作業台を改造
2. どういうわけか、インライン マッピングで動作する以前のバージョンにクロムをダウングレードする
3. ワークベンチに頼らず、別の方法でファイルを作成する
4. 別の選択肢のためにワークベンチを完全に失う (どれ?)

どんな入力も高く評価されます。ありがとう。

JavaScript でソース マップを使用して、縮小されたスクリプトなどでデバッグを容易にするという概念を理解しています。私が得られないのは、ソース レベルのデバッグが Visual Studio の TypeScript ( http://blogs.msdn. com/b/typescript/archive/2012/11/15/announce-typescript-0-8-1.aspx )。

たとえば、JavaScript にコンパイル/変換する独自の言語を作成した場合、この種のソースレベルのデバッグを提供するためにブラウザーとどのようにやり取りすればよいでしょうか? このための標準プロトコルはありますか? Visual Studio はどのようにそれを行いますか?

アップデート

さらに明確にするために、JavaScript にコンパイルされる Caffeinated Beverage Script という言語を発明したとしましょう。自分の言語用の IDE を構築しています。ブラウザーで JavaScript を実行しているときに、IDE でブレークポイントの設定、コードのステップ実行、変数の検査などを実行できるようにしたいと考えています。このレベルで IDE がブラウザと通信できるようにするにはどうすればよいですか?

IE では動作しません //@ sourceURL.

別のブラウザでは問題ありません。IE で動作するようにこのコードを変更するにはどうすればよいですか?

Grunt と UglifyJS Grunt タスクを使用しているときに、ソースマップをうまく再生できるようにしようとしています。

現在のタスクは次のとおりです。

どうしたの？

ソースマップは生成されますが、Chrome は間違った場所 (つまりdist/dist/video.min.js.map) でソースマップを検索しています。コンソールに 404 が表示されるので、これを知っています。

そのため、正しい場所を指すように編集dist/video.min.jsして変更しました。sourceMappingURLこれで、ソースマップがロードされましたが、完全に間違った場所で video.js を探しています: dist/javascripts/video.js(その dist が再び!)

だから基本的に今、私は何のアイデアも持っていません。

何か案は？ありがとう！

ソースマップのないプロダクション Web サイトがあり、ローカルでコンパイルされたプロダクション + ミニファイド コーヒーに一致するサワーマップがあります。

実際にサーバーにアップロードしてsourceMappingURLコメントまたはhttpヘッダーとして追加せずに、ブラウザの開発者ツールにこの(ローカル)ソースマップを使用するように依頼する方法はありますか?