gem-hunter
Language: TypeScript
Experiment with Vite and rollup-plugin-chrome-extension
A Vite powered WebExtension (Chrome, FireFox, etc.) starter template.
<script setup> syntax and more!webext-bridge and VueUse storagemanifest.json with full type supportwebextension-polyfill-ts - WebExtension browser API Polyfill with typeswebext-bridge - effortlessly communication between contextsvite-plugin-components - components auto importvite-plugin-windicss - WindiCSS supportvue-global-api - use Vue Composition API globallyvite-plugin-icons - icons as Vue components<script setup> SFC syntaxCreate a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
If you don't have pnpm installed, run: npm install -g pnpm
npx degit antfu/vitesse-webext my-webext
cd my-webext
pnpm iviews - frontend for the extension (popup and options).src - background scripts and content scripts.
manifest.ts - manifest for the extension.extension - extension package root, also holds assets.scripts - development helper scripts.pnpm dev
Then load extension in browser with the extension/ folder,
To build the extension, run
pnpm build
And then pack files under extension.
This template is originally made for the volta.net browser extension.
This is a variant of Vitesse, check out the full variations list.