webpack でビルドしたcoffescriptなどのデバッグ方法

Question

お世話になっております。

現在,Webpackでビルドしたjavascriptのデバッグ方法について試行錯誤しております。
railsの過去の遺産のcoffeescriptを使い回すため,webpackにcoffeescript設定を書き,jsにbundleビルドするように設定しました。ただこの,ビルド済みのjavascriptを見ると,evalで評価されるため,ブラウザのdev-tools上でデバッグをするのが非常に難しい気がしました。

karmaなどでテストをするだけでなくブラウザ上でも動作確認がしたいです。

webpackを使ってjavascriptをbundleしている方はどのようにデバッグしているのか知りたいのですが教えていただけませんでしょうか。よろしくお願い致します。

Answer 1

sourcemapの設定を変更することでcoffeeスクリプトからブレイクポイント張ることができるようになりました。