webpack源码阅读技巧-ndb调试方式

阅读源码时，如果能追踪webpack的执行，能更便于我们理解，ndb就是这样一种工具。通过ndb调试步骤如下：

1. npm i -g ndb
2. 新建一个webpack初始工程（只需要引入webpack，webpack-cli依赖，src下添加测试文件）
3. 终端输入：（以Mac系统为例） sudo ndb webpack serve 输入密码。会弹出类chrome开发者工具的窗口。（如下图） 4.左下角为npm命令，添加几个断点，点击build，查看构建生成过程。