【Webpack】怎么断点调试webpack配置文件

参考文章：https://www.colabug.com/2018/1022/4989135/
不管是用react cli，还是vue cli，还是原生webpack，只要想调试其webpack配置文件，本文都适用

1. 在当前项目的目录下，命令行 输入命令

node --inspect-brk ./config-multi/start.js --inline --progress

​

​ 备注： ./config-multi/start.js 这段内容是你要调试的webpack配置文件，可以根据实际更改。

​ 可以参考：

​ 命令行里
​ node –inspect-brk ./node_modules/webpack/bin/webpack.config.js –inline –progress

​ node –inspect-brk ./config-multi/webpack.config.js –inline –progress

​ node –inspect-brk ./config-multi/start.js –inline –progress

​ package.json里
​ node –inspect-brk=5858 ./config-multi/start.js

2. 打开chrome，输入 chrome://inspect/#devices

3. 然后点击

Open Dedicated DevTools for Node 或者 inspect，就会出现调试窗口

​ 最后，通过F8和F10，一步步调试了。

---

Donate