Svelte Typescript Chrome Extension Boilerplate

Boilerplate for Chrome Extension Svelte Typescript project

Features

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

Examples of integrations

• Tailwind CSS – is in the tailwindcss branch

Development

# install dependencies
npm i

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

Build

# build files to `/dist` directory
$ npm 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.