Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

vite-plugin-web-extension

aklinker129.9kMIT4.4.3TypeScript support: included

Vite Plugin Web Extension

vite-plugin, web, webext, chrome-extension, web-extension, browser-extension, extension, chrome, firefox, addon, browser

readme

Vite Plugin Web Extension

To get started quickly, bootstrap a new project!

pnpm create vite-plugin-web-extension
npm create vite-plugin-web-extension
yarn create vite-plugin-web-extension

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

pnpm i -D vite-plugin-web-extension
// vite.config.ts
import webExtension from "vite-plugin-web-extension";

export default defineConfig({
  plugins: [webExtension()],
});

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.