如何在nodejs中调试webpack代码

1、package.json中添加 "start": "node --inspect-brk ./node_modules/webpack/bin/webpack.js"

  node:通过node启动 

  inspect:调试模式 

  brk:在首行打一个断点,调试代码会在首行停住

  ./node_modules/webpack/bin/webpack.js:调试对象及其路径

2、设置debugger,当点击下一步,会在这里停住

3、运行指令:npm start

4、此时在webpack官网F12可以查看到控制台多个node绿色按钮

点击绿色按钮,进入到调试工具,前面指令设置了brk,这里代码停留在第一行

5、点击下一步,代码会停留在debugger处

6、查看compilation的两种途径:

  第一种:鼠标放在console.log()上会显示出来

  第二种:右边调试工具栏Watch中点击+号输入compilation敲回车

 

posted @   吴小明-  阅读(522)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
历史上的今天:
2019-11-26 js的call()方法
2019-11-26 js继承
点击右上角即可分享
微信分享提示