Template repo using Webpack and TypeScript to build your userscript for Tampermonkey and more extensions.

Automatically generate headers from your package.json!

# Use Github CLI
$ gh repo clone pboymt/userscript-typescript-template
# Or use 'git clone' command directly
$ git clone https://github.com/pboymt/userscript-typescript-template.git

1. Install dependencies with npm install or npm ci.
2. Edit settings in userscript object in package.json, you can refer to the comments in plugins/userscript.plugin.ts.
3. Code your userscript in src directory (like src/index.ts).
4. Generate userscript with npm run build.
5. Import generated userscript to Tampermonkey by local file URI.

You need install other loader plugins to support other file types.

For example, you can use scss-loader to compile .scss files. Install it with npm install --save-dev scss-loader node-sass and add it in webpack.config.ts.

Allow Tampermonkey's access to local file URIs (Tampermonkey FAQs) and import built userscript's file URL.

You can publish your userscript to Greasy Fork or other websites.

You can push your userscript to Github and import it to Greasy Fork.