https://github.com/filc-dev/rsbuild-chrome-extension-boilerplate-react

(Beta) chrome extension boilerplate for rsbuild
https://github.com/filc-dev/rsbuild-chrome-extension-boilerplate-react

Last synced: 3 months ago
JSON representation

(Beta) chrome extension boilerplate for rsbuild

• Host: GitHub
• URL: https://github.com/filc-dev/rsbuild-chrome-extension-boilerplate-react
• Owner: filc-dev
• Created: 2024-03-16T18:54:31.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-03-23T13:53:08.000Z (3 months ago)
• Last Synced: 2024-03-23T14:44:50.293Z (3 months ago)
• Language: TypeScript
• Homepage:
• Size: 33.2 KB
• Stars: 4
• Watchers: 0
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Lists

• awesome-rspack - rsbuild-chrome-extension-boilerplate-react

README

        
# Chrome Extension Boilerplate with React + Rsbuild + TypeScript

## Features

- [React 18](https://reactjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [Rsbuild](https://rsbuild.dev/)

- [Chrome Extension Manifest Version 3](https://developer.chrome.com/docs/extensions/mv3/intro/)

## Installing and Running

### Procedures:

1. Clone this repository.

2. Change the package's name and description in package.json.

3. Run `pnpm install` to install the dependencies.

## And next, depending on the needs:

### For Chrome:

1. Run:

   - Dev: `pnpm dev` or `npm run dev`

   - Prod: `pnpm build` or `npm run build`

2. Open in browser - `chrome://extensions`

3. Check - `Developer mode`

4. Click - `Load unpacked extension`

5. Select - `dist` folder

### For Firefox:

1. Run:

   - Dev: `pnpm dev:firefox` or `npm run dev:firefox`

   - Prod: `pnpm build:firefox` or `npm run build:firefox`

2. Open in browser - `about:debugging#/runtime/this-firefox`

3. Click - `Load Temporary Add-on...`

4. Select - `dist` folder