This is a boilerplate using react and typescript to create chrome extensions.
- React 18
- Typescript
- Webpack
- TailwindCSS
- React Testing Library
-
Clone this project
-
Run the following scrips
- Run
yarn
to install dependencies. - Run
yarn build
to generate the build version.
After these steps, a folder called dist/
will be created. It is this folder that you will use to install the extension on your browser.
- Open the Chrome extensions page by typing chrome://extensions in your browser's address bar.
- Activate developer mode by clicking the "Developer mode" switch in the top right corner of the page.
- To install the extension, simply drag the
dist/
folder that you created in the previous steps to the extensions page.
After following these steps, you will be ready to use this extension, as shown in the image below: