@web-extend/rsbuild-plugin

An Rsbuild plugin for developing and building browser extensions.

Quick Start

There are two ways to use this plugin.

1. Use the @web-extend/rsbuild-plugin package directly.
2. Use web-extend CLI, which is a wrapper of @web-extend/rsbuild-plugin.

We recommend using the web-extend CLI to initialize a new extension project. Because it provides a more user-friendly experience.

Use @web-extend/rsbuild-plugin directly

Install the plugin.

npm add @web-extend/rsbuild-plugin -D

Add the plugin to your rsbuild.config.ts.

import { pluginWebExtend } from "@web-extend/rsbuild-plugin";

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

Development workflow:

• Run npm run dev to start the development server.
• Enable developer mode in browser extensions page and load the dist directory.
• Run npm run build to build for production.

Use web-extend CLI

Run the following command to initialize a new extension project.

npx web-extend@latest init

Documentation

https://web-extend.github.io/web-extend

License

MIT