To get started quickly, bootstrap a new project!

1pnpm create vite-plugin-web-extension
2npm create vite-plugin-web-extension
3yarn create vite-plugin-web-extension

Or install it as a dependency and add it to your vite.config.ts.

1pnpm i -D vite-plugin-web-extension

1// vite.config.ts
2import webExtension from "vite-plugin-web-extension";
3
4export default defineConfig({
5  plugins: [webExtension()],
6});

Features

• :wrench: Automatically build inputs listed in your manifest.json
• :tada: Open a browser and install the extension during development
• :zap: Super fast dev mode
• :globe_with_meridians: Supports all browsers
• :fire: Full frontend framework support (popup, options, and content scripts)
• :robot: Typescript support out of the box!
• :white_check_mark: Manifest validation

Documentation

To get started, checkout the docs:

https://vite-plugin-web-extension.aklinker1.io

Contributing

Special thanks to the contributors!

See the contributing docs to setup the project for development.