webpack + reactjs + babel用のクロムでデバッグする方法

Question

私の開発サーバーとして機能するようにwebpack-dev-serverをセットアップしました。それはすべての私のソースコードを1つの大きなjavascriptにパッケージ化します。それはうまく動作しますが、私はどのように私のソースコードをクロムでデバッグできますか？私はクロム開発ツールパネル上で私のjsソースコードを開くことができます。しかし、追加したブレークポイントは実行中に呼び出されませんでした。インストールする必要があるプラグインまたは拡張機能はありますか？

Answer 1

リアクトデベロッパーツールは、コンソールでのデバッグに最適なツールです。ここで

はChromeの拡張機能と迅速なドキュメントへのリンクです：

https://facebook.github.io/react/blog/2015/09/02/new-react-developer-tools.html