Create a project based on this boilerplate.
$ npx degit https://github.com/sivertschou/react-typescript-chrome-extension-boilerplate.git <project-name>
Navigate to the project directory and install the dependencies.
$ npm install
To build the extension, and rebuild it when the files are changed, run
$ npm start
After the project has been built, a directory named dist
has been created. You have to add this directory to your Chrome browser:
- Open Chrome.
- Navigate to
chrome://extensions
. - Enable Developer mode.
- Click Load unpacked.
- Select the
dist
directory.