在自己编写webpack的loader和plugin的时候,我们难免需要进行调试我们的编写的loader和plugin,这时候我们就可以使用webpack的断点调试了。
1.在package.json中添加调试指令
"debug": "node --inspect --inspect-brk node_modules/webpack/bin/webpack.js"
2.在我们需要进行断点的地方加上debugger。
3.执行npm run debug命令
4.在谷歌浏览器中打开控制台,任意页面都行
5.进去之后会开一个窗口,然后就跟我们平常调试一样