用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