WebExtension Boilerplate with
SolidJS + Vite + TypeScript + Manifest V3 + Hot Reload

Intro

This boilerplate is made for creating web extensions using SolidJS and Typescript.

The focus was on improving the build speed and development experience with Vite.

Features

• SolidJS
• TypeScript
• Jest
• Vite
• SASS
• ESLint
• Prettier
• WebExtension Manifest Version 3
• Hot Reload (Live reload)

Installation

Procedures

1. Clone this repository.
2. Change name and description in package.json => Auto synchronize with manifest
3. Run yarn or npm i (check your node version >= 16)
4. Run yarn dev or npm run dev
5. Load Extension on your browser
   1. Open - Chrome/Firefox/Edge browser
   2. Access - chrome://extensions (Chrome/Edge) or about:debugging (Firefox)
   3. Check - Developer mode
   4. Find - Load unpacked extension
   5. Select - dist folder in this project (after dev or build)
6. If you want to build in production, Just run yarn build or npm run build.

Screenshots

Documents

• Vite Plugin
• WebExtensions
• Rollup
• Rollup-plugin-chrome-extension