打包時不用命令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處進行調試了: