Webpackコンパイルプロセスをデバッグする方法はありますか？

Question

webpackが何かを構築している間、何が起こっているかチェックしたい。

たとえば、私はfile-loader/index.jsにいくつかのブレークポイントを設定します。私はそれを停止することができますので、変数、パス、コンテキスト、ファイル名などを確認できます。

私はWebStormを使用しています。

Answer 1

Webpackを実行するノードデバッグ設定Webstormを設定します。

JavaScript fileの設定はnode_modules\webpack\bin\webpack.jsになり、Application parametersは--config webpack.config.jsのようになります。デフォルトでWebstormはnode_modulesフォルダ内のすべてのファイルを無視しますが、node_modulesフォルダを右クリックして変更することができます。Mark directory as -> Not excluded