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

1. Clone repo
2. Install dependencies: yarn
3. Build project for development: yarn dev to compile once (output will be in /build directory)
4. 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

1. Complete the steps to build the project above
2. Go to chrome://extensions in Google Chrome
3. With the developer mode checkbox ticked, click Load unpacked extension... and select the dist folder from this repo