Bundle typescript, react and JSX/TSX script files into a single userscript file with rollup
npm install rollup-userscript-templateThis is a template repository for a userscript.
It bundles typescript, react and JSX/TSX script files into a single userscript file with rollup
Clone the repository and install dependencies with npm
``sh`
git clone git@github.com:cvzi/rollup-userscript-template.git
cd rollup-userscript-template
npm install
Bundle everything from src/ into dist/bundle.user.js:
npm run build
or
npx rollup --config
or
node -r esm server.jsThis will automatically update
dist/bundle.user.js when code changes and serve it on localhost:8124.It also creates a second userscript
dist/dev.user.js, if you install it in Tampermonkey, it will automatically fetch the latest version from http://localhost:8124/bundle.user.js once you reload a website with F5.
$3
Bundle for publishing without sourcemapping to
dist/release-3.2.1.user.jsnpm run build:releaseor on Windows
npm run build:release:win32
Other
Typescript types for GM. object are incomplete. See types/GM/index.d.ts
* Currently react is not bundled, but imported with @require. To bundle it, remove
output.globals and external` from rollup.config.mjs