Webpack打包过程调试

Here’s the table of contents:

1. 例如调试webpack.config.js文件

例如调试webpack.config.js文件

1. 在文件中设置debugger

2. 在当前webpack项目工程文件夹下面，执行命令

   // 其中参数--inspect-brk就是以调试模式启动node
   node --inspect-brk ./node_modules/webpack/bin/webpack.js --inline --progress
   

3. 打开Chrome浏览器，地址栏里输入

   chrome://inspect/#devices：
   

4. 在弹出窗口点击超链接

   Open Dedicated DevTools for Node.
   

5. 然后点一下Chrome调试器里的“继续执行”，断点就提留在我们设置在webpack.config.js里的debugger断点了