用node的调试工具进行webpack插件调试


打包时不用命令webpack,而是显式地用node node_modules/webpack/bin/webpack.js,webpack等效于node node_modules/webpack/bin/webpack.js,但是显式地用node命令可以在打包的时候传参--inspect --inspect-brk表示开启调试模式,并在第一行打断点。

"scripts": {
    "build": "webpack --env.production --config webpack-common.js",
    "debug":"node --inspect --inspect-brk node_modules/webpack/bin/webpack.js --env.production --config webpack-common.js"
  },

配置好debug命令后,我们就可以在自己写的plugin里打断点写debuger;了。
运行 npm run debug后在浏览器的任何一个网页打开控制台,可以看下如下的的图标

点开图标就可以走到代码的debuger处进行调试了:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM