react19.0.0 除錯工具
網友的力量
百度網盤:
連結: https://pan.baidu.com/s/1eeoUNfHpn20gtnuo-mlgkg 提取碼: 7hhf
手動構建
React 採用 monorepo 管理方式，倉庫下面有多個獨立包，進入 react-devtools-extensions 包中
cd packages/react-devtools-extensions
檢視 package.json ，執行 build:chrome 指令
panminxiang@Mac react-devtools-extensions % npm run build:chrome
> react-devtools-extensions@0.0.0 build:chrome
> cross-env NODE_ENV=production node ./chrome/build
[BABEL] Note: The code generator has deoptimised the styling of /Users/panminxiang/Sites/Commonfiles/Github/react/build/oss-experimental/react-dom/cjs/react-dom-client.production.js as it exceeds the max of 500KB.
assets by status 5.33 MiB [big]
# 此處省略一萬字....
webpack 5.82.1 compiled with 3 warnings in 833 ms
The Chrome extension has been built!
You can test this build by running:
# From the react-devtools root directory:
yarn run test:chrome
構建完成後，在 react-devtools-extensions/chrome 下出現 build/unpacked 目錄，此為 chrome 需要載入的已解壓的擴充套件程式