This repo is a starter kit for chrome extension using React tech stack. It includes demo code for popup, content script and backgroud pages of the demo extension.
The content script will display a fixed top header in red background color for all webpages.
- Automatically chrome extension auto reload when code changes
- Automatically web page refresh for current tab (For content script development)
- Write code with latest frontend techs, code will be transpiled with webpack
- Sourcemap enabled for easy debugging
- Leverage React-jss to avoid style confliction between webpage and extension
- Eslint enabled
$ yarn install$ yarn startto start webpack dev server- Load unpacked extension: Open chrome browser -> chrome://extensions -> Load unpacked
- Change code in
./src/background,./src/content-script,./src/popupbased on your business logic - The webpack dev server is configable in webpack.{env}.config.js
$ yarn buildto build production code
MIT