webpack開發除錯工具-- node-nightly
摘要：
工具 node-nightly
全域性安裝 npm install --global node-nightly
執行一次命令 node-nightly
node 執行檔案時帶上 --inspect 標記，例如: node --inspect mi...
工具 node-nightly
-
全域性安裝
npm install --global node-nightly -
執行一次命令
node-nightly -
node 執行檔案時帶上
--inspect標記，例如:node --inspect mian.js -
一般用
--inspect-brk代替--inspect標記,會在程式第一行程式碼處自動斷點。 -
開啟 ofollow,noindex">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" 或以上。