rollup-plugin-chrome-extension

The bundler configuration for a Chrome Extension can be pretty complex.

Use manifest.json as the input. Every file in the manifest will be bundled or copied to the output folder.

RPCE simplifies project config and supports many of Vite's features in the Chrome Extension evironment, including HMR.

Vite Usage

Vite support is in beta! Check out this 90 second getting started guide.

1npm i rollup-plugin-chrome-extension@beta -D

1// vite.config.js
2
3import { defineConfig } from 'vite'
4import react from '@vitejs/plugin-react'
5import { chromeExtension } from 'rollup-plugin-chrome-extension'
6
7export default defineConfig({
8  plugins: [react(), chromeExtension()],
9})

Just add new features to your manifest and RPCE does the rest.

Documentation for v3

We have v3 boilerplates for React JavaScript, React TypeScript and Svelte, as well as instructions for setting up your own project.

See the documentation for usage and how to get started.

Contributing

Your help is super welcome!

🎯 Ongoing developement is for v4+ only.

👀 Be sure to take a look at the issues before starting to work on a new feature.

🙏 Please update the tests to cover bug fixes or new features.

📕 Documentation for v4 has not yet begun, but you can open an issue for help.

✨ If you enjoy using RPCE, please help spread the word!

Development

Our preferred package manager is pnpm, but npm or Yarn should work.

If you're using VSCode you can run the default build task (Ctrl+Shift+B or ⇧⌘B for Mac) to start building and type checking.

Change my by Jedi

• Fixed Issue 110: <all_urls> match patterns are not handled properly;