webpack5编写loader时 如何使用Chrome进行调试

需要用到的插件

nodemon  // 这个插件可以在你的js文件更改时，立即重启应用

webpack

 

1.安装nodemon

npm i nodemon -g

　　

2.创建loader_demo文件夹 并使用webpack 初始化一个项目

webpack init

　

3.启动此项目

nodemon --inspect-brk .\node_modules\webpack\bin\webpack.js

　　

4.打开Chrome浏览器并输入

chrome://inspect/#devices

　　

找到nodejs Remote Target并点击inspect

 

这时候在你的webpack.config.js 保存一次，服务便会重启一次，并且将console的数据实时打印到chrome中