Svelte Typescript Chrome Extension Boilerplate

Boilerplate for Chrome Extension Svelte Typescript project

Features

• Svelte
• TypeScript
• Vite
• CRXJS Vite Plugin
• Chrome Extensions Manifest V3

Development

# install dependencies
pnpm i

# build files to `/dist` directory
# HMR for extension pages and content scripts
pnpm run dev

Build

# build files to `/dist` directory
$ pnpm run build

Load unpacked extensions

Getting Started Tutorial

1. Open the Extension Management page by navigating to chrome://extensions.
2. Enable Developer Mode by clicking the toggle switch next to Developer mode.
3. Click the LOAD UNPACKED button and select the /dist directory.