webpack 2で生成されたバンドルをデバッグ

Question

私は非常に単純なhello worldのES5アプリケーションを持っていますhttps://github.com/rohans84/webpack-demo私はいくつかの基本的なwebpack 2の開発をしようとしています。

私のwebpack-dev-serverビルドでソースマップを有効にした後、Chrome DevToolsのソースマップをwebpack：// sectionの下にあるコードに見ることができます。しかし、そこに設定したブレークポイントは機能していないようです。

ブレークポイントのデバッグと尊重を有効にするために追加の設定が必要ですか？基礎となるコードのブレークポイントを設定できない場合、ソースマップのポイントは何ですか？

Answer 1

現在のところopen issueがあります。あなたができることは、ソースマップ内の正しい行を壊して取得することですが、ステップインスルーはChromeとFF、AFAIKでは機能しません。

Answer 2

が関心のある人の回答を見つけました。私はソースマップを生成するために、インラインソースマップ - 「eval-source-map」devtoolを使用していました。別のファイルとしてソースマップを生成する 'source-map'に変更すると、ブレークポイントが有効になりました。