Svelte + Vite + CRXJS

This template helps you quickly start developing Chrome extensions with Svelte, TypeScript and Vite. It includes the CRXJS Vite plugin for seamless Chrome extension development.

Features

• Svelte with component syntax
• TypeScript support
• Vite build tool
• CRXJS Vite plugin integration
• Chrome extension manifest configuration

Quick Start

1. Install dependencies:

npm install

2. Start development server:

npm run dev

3. Open Chrome and navigate to chrome://extensions/, enable "Developer mode", and load the unpacked extension from the dist directory.

4. Build for production:

npm run build

Project Structure

• src/popup/ - Extension popup UI
• src/content/ - Content scripts
• manifest.config.ts - Chrome extension manifest configuration

Chrome Extension Development Notes

• Use manifest.config.ts to configure your extension
• The CRXJS plugin automatically handles manifest generation
• Content scripts should be placed in src/content/
• Popup UI should be placed in src/popup/

Documentation

• Svelte Documentation
• Vite Documentation
• CRXJS Documentation