wuqilang

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敲回车

 

分类:

技术点:

相关文章:

  • 2021-05-24
  • 2021-11-30
  • 2021-11-03
  • 2021-07-16
  • 2021-11-30
  • 2022-12-23
  • 2021-12-28
  • 2022-01-17
猜你喜欢
  • 2022-12-23
  • 2021-11-30
  • 2022-12-23
  • 2021-11-02
  • 2021-12-18
  • 2022-12-23
  • 2021-07-23
相关资源
相似解决方案