有没有办法调试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

来更改此文件