TypeScript, React, Rollup, and Chrome v3 Manifest Starter

This is a bare bones starter for building React/Typescript extensions for Chrome using manifest_version: 3.

Under the hood, this repo is built leaning pretty heavily on the infrastructure from Extend Chrome. I would say the primary difference here is the starter integrates some foundational code and manifest configuration for v3 which I couldn’t find in the boilerplate examples they offer.

Development

For development with automatic reloading:

yarn start

Open the Extensions Dashboard, enable “Developer mode”, click “Load unpacked”, and choose the dist folder.

When you make changes in src the background script and any content script will reload automatically.

Production

When it’s time to publish your Chrome extension, make a production build to submit to the Chrome Web Store. This boilerplate will use the version in package.json, unless you add a version to src/manifest.json.

Make sure you have updated the name and version of your extension in package.json.

Run the following line:

yarn build

This will create a ZIP file with your package name and version in the releases folder.

GitHub

View Github