Skip to content

Latest commit

 

History

History
39 lines (26 loc) · 969 Bytes

File metadata and controls

39 lines (26 loc) · 969 Bytes

crxjs-vite-4-react-devtools

This repo shows how to currently run react-devtools for the best IMHO vite react extension toolchain - crxjs/chrome-extension-tools.

Full explanation: crxjs/chrome-extension-tools#752 (comment)

To recreate in your repo simply look at the last commit i've made here.


Warning Running npm run react-devtools:patch breaks HMR. To continue developing normally after profiling unpatch it npm run react-devtools:unpatch


This repo is already prepared so to run the demo

  1. Clone, install, patch
git clone
npm i
npm run react-devtools:patch
npm run dev
  1. Run the standalone react-devtools
npm run react-devtools
  1. Open up the browser
  2. Go to chrome://extensions and load up your app (repo dir/dist)
  3. Open https://google.com
  4. Profit
  5. ???

demo image demo image2