/chrome-extension-svelte5-typescript-boilerplate

Boilerplate for Chrome Extension Svelte5 Typescript project

Primary LanguageTypeScript

Svelte Typescript Chrome Extension Boilerplate

Boilerplate for Chrome Extension Svelte Typescript project

Features

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.

Example