デバッグReduxのは/私はReduxのを学ぶために、最近取り組んで、今2が一緒にうまくいくように見えることから、などよく反応して、いくつかの仕事をしているのWebPACK

Question

と反応します。だから、todosの反応例を使って作業するとき、私は少しコードを掘り出して物事をチェックしたいと思っていました。私は舞台裏で何かをデバッグすることができないことに気付きました。ブレークポイントを設定すると、ブレークポイントがトリガされることがあります。ほとんどの場合、ブレークポイントはトリガしません。私が欲しいもの

はそのtodosサンプルプロジェクトではES6 /バベルコードをデバッグできるようにすることです。今、私はES6とWebpackには新しいです。だから私は疑問に思っていた：どうすればそれを達成することができますか？私は反応デバッガとredux-dev-toolsをインストールしています。それはすべて正常に動作します。しかし、私はどのように私のES6コードをデバッグするのですか？それも可能ですか？

Answer 1

ブラウザの開発ツールでコードを調べるために、webpackにソースマップを提供するように設定できます。

webpack.config.jsに行を追加して有効にすることができます。利用可能なオプションとその意味はhereです。

例えば：

const config = { 
    // [your configuration] 
    devtool: '#inline-source-map', 
}