Home

Awesome

Chrome Extension Boilerplate with React + Rsbuild + TypeScript

Features

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