Quickly build chrome extensions using TypeScript and React.
This repository is a fork of chrome-extension-react-typescript-boilerplate with some updates
- React with Typescript
- Sass + Sass module
- Popup with basic layout (header, body, footer)
- Multilingual
public/_locales
(see i18n) public
directory (will copy when building, so you don't need to touch the build directory)content_scripts
config (interact directly with current page's Document)
Use yarn
or npm
- Clone repo
- Install dependencies:
yarn
- Build project for development:
yarn dev
to compile once (output will be in/build
directory) - Run project with watch:
yarn watch
to run the dev task in watch mode
Build for production
Run yarn build
to build a production (minified) version. Output will be in /dist
directory
- Complete the steps to build the project above
- Go to chrome://extensions in Google Chrome
- With the developer mode checkbox ticked, click Load unpacked extension... and select the dist folder from this repo