vite-plugin-chrome-extension
fork from rollup-plugin-chrome-extension and evolve for
vite
andChrome Extension Manifest V3
Table of Contents
Installation
npm install -D vite-plugin-chrome-extension
Usage
In vite.config.ts,
// vite.config.ts
import { resolve } from "path";
import { defineConfig } from "vite";
import { chromeExtension } from "vite-plugin-chrome-extension";
export default defineConfig({
resolve: {
alias: {
"@": resolve(__dirname, "src"),
},
},
build: {
rollupOptions: {
input: "src/manifest.json"
}
},
plugins: [
chromeExtension()
],
})
TODO
- support sass/less in manifest.json
How does this plugin work
See Work flow
Examples
- [X] Background
chrome-extensions-samples are test
Examples from- [X] Hello World
- [X] Page Redder
- [X] Cookie Clearer
- [X] Omnibox - New Tab Search
- [X] Web Accessible Resources
Examples with Vue
Examples with Svelte
- [X] Svelte
Feedback
If you have problems using this plugin, welcome to let us know.
Known problems
Change logs
see CHANGELOG.md