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
> [email protected] 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 需要加载的已解压的扩展程序
标签:chrome,react,extensions,build,工具,react19.0,devtools,调试 From: https://www.cnblogs.com/bibiafa/p/18213036