Chrome Extension manifest v3 React.js template

This is a template for building a Chrome Extension using React.js and Manifest V3.

Features

• React 17: For building the user interface.
• Manifest V3: The latest and most secure version of the Chrome Extension platform.
• Rollup: Bundles all your files for production and development.
• Live Reloading: npm run build:watch automatically rebuilds the extension on file changes.

Getting Started

1. Clone the repository

git clone https://github.com/amalej/chrome-extension-mv3-react-template.git
cd https://github.com/amalej/chrome-extension-mv3-react-template.git

2. Install dependencies

npm install

Commands

npm run build

• Builds a development version of the extension into the dist/ directory.

npm run build:watch

• Builds a development version and rebuilds automatically whenever you change a file.

npm run release

• Builds an optimized production version of the extension, ready for publishing.

Usage

1. Run npm run build or npm run build:watch.
2. Open Google Chrome and navigate to chrome://extensions.
3. Enable "Developer mode" in the top right corner.
4. Click on "Load unpacked".
5. Select the build folder generated in your project directory.