https://github.com/aklinker1/vite-plugin-web-extension

Vite plugin for developing Chrome/Web Extensions
https://github.com/aklinker1/vite-plugin-web-extension

extension vite

Last synced: 13 days ago
JSON representation

Vite plugin for developing Chrome/Web Extensions

• Host: GitHub
• URL: https://github.com/aklinker1/vite-plugin-web-extension
• Owner: aklinker1
• License: mit
• Created: 2021-10-31T20:09:08.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-01-05T01:41:27.000Z (4 months ago)
• Last Synced: 2025-04-11T00:07:21.625Z (13 days ago)
• Topics: extension, vite
• Language: TypeScript
• Homepage: https://vite-plugin-web-extension.aklinker1.io/
• Size: 1.75 MB
• Stars: 745
• Watchers: 7
• Forks: 58
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> [!IMPORTANT]

> `vite-plugin-web-extension` will soon be deprecated in favor of [WXT](https://wxt.dev), it's successor. While WXT is still in pre-release, it already supports everything this plugin does, [is significantly more popular](https://api.star-history.com/svg?repos=wxt-dev/wxt,aklinker1/vite-plugin-web-extension&type=Date), and includes more features and bug fixes that aren't (and won't) be added to `vite-plugin-web-extension`.

>

> If you're starting a new project, I'd recommend you [use WXT instead](https://wxt.dev/guide/installation.html#bootstrap-project). Once WXT v1.0 is released within the next few months, [I'll provide a more in-depth migration guide](https://wxt.dev/guide/resources/migrate.html#vite-plugin-web-extension) for existing projects and `vite-plugin-web-extension` will enter maintainence mode.



![Build Status](https://img.shields.io/github/actions/workflow/status/aklinker1/vite-plugin-web-extension/pr-checks.yml) ![NPM Version](https://img.shields.io/npm/v/vite-plugin-web-extension) ![NPM Downloads](https://img.shields.io/npm/dm/vite-plugin-web-extension) ![Vite Version](https://img.shields.io/npm/dependency-version/vite-plugin-web-extension/peer/vite)

To get started quickly, bootstrap a new project!

```bash

npm create vite-plugin-web-extension

pnpm create vite-plugin-web-extension

yarn create vite-plugin-web-extension

```

### 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:

## Contributing

Special thanks to the contributors!



  



See the [contributing docs](CONTRIBUTING.md) to setup the project for development.