webpack開發調試工具-- node-nightly

工具 node-nightly

• 全局安裝 npm install --global node-nightly

• 執行一次命令 node-nightly

• node 執行文件時帶上--inspect 標記，例如: node --inspect mian.js

• 一般用--inspect-brk代替--inspect 標記,會在程序第一行代碼處自動斷點。

• 打開 chrome://inspect/#devices
  

• 點擊藍色inspect就會跳到正常網頁開發斷點的sources頁面，進行斷點。

• 可以在package.json的scripts 添加 "debugger": "node --inspect-brk build/build.js",執行命令npm run debugger

• 如果你有多個配置文件，你可以通過 --config webpack.prod.js 指定你想要調試的配置。例如: node --inspect --inspect-brk node_modules/webpack/bin/webpack --config ./webpack.prod.config.js

• node --inspect-brk node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --progress --mode development --config ./build/webpack.dev.conf.js

注意： 進行webpack開發時需要將webpack 升級到"webpack": "4.3.0"或以上。