rake - レーキパイプラインsourceMapフィルター

Question

emberjsアプリの構築を理解するために、rakeパイプラインで遊んでいます。

それを機能させるのはかなり簡単で、例はここにあります：https ://github.com/emberjs/todos

しかし、JavaScriptファイルをWebインスペクターで個別に表示できるように、sourceMapをパイプラインの一部として機能させる方法に関するリソースを見つけるのに苦労しています。参照

誰かがこれを実行することができましたか？

Answer 1

それで、私は問題を理解しました。ミニスペードフィルターは「文字列」オプションをサポートしています。このオプションをtrueに設定すると、ミニスペードフィルターは各モジュールの最後に「sourceUrl」コメントを追加します。これは後でFirebugまたはWeb-Inspectorによって取得され、単一のファイルではなく個別にファイルが表示されます。

差出人：Githubのミニスペードフィルター

#   @option options [Boolean] :string If true, compiles the output as
#   a String instead of a closure. This means that @sourceURL can be
#   appended for good stack traces and debugging.

問題は、rake-pipelineの使用を示すEmber Todosの例のAssetfileでは、これがtrueに設定されていないことです。Assetfileのコピーを変更すると、デバッグに問題がなくなります。

リポジトリに関するもう1つの未解決の問題は、使用するミニスペードの非常に古いコピーです。したがって、そのリポジトリをチェックアウトしている場合は、minispade.jsも更新してください。

Answer 2

ミニスペード文字列機能と、オプションのコーヒースクリプトのコンパイル、ハンドルバーの事前コンパイル、本番環境での実行時の圧縮などを使用する、ハッキング可能な小さなrake-pipelineスタックをコンパイルしました。