react-app-rewired
to change the webpack configuration to complile React code so that it can be included in a userscript.In Firefox or Chrome, install Greasemonkey or Tampermonkey. You can then test the userscript by installing it here. Navigate to google and you should see a react component inserted at the bottom of the page.
git clone https://github.com/dotennin/baidu-pan-downloader.git
cd baidu-pan-downloader/
npm install
npm run build
After the build is complete, you should have a new version of userscript located at dist/bundle.user.js
.
It's able to get the newest version of your script upon a page refresh when developing.
To do this, copy the source from dist/react-userscripts-dev.user.js
or click here.
The dev script will dynamically load the extension from port 5000
, so you can take advantage of
create-react-app
's ability to auto-recompile an app when the source changes.
and run
npm start
Chrome: ✅
Edge: ✅
Firefox: ✅⚠(Required TampermonkeyBETA v4.11.6115 or higher)
Opera: ⁉
Safari: ⁉