A boilerplate to utilize modern technologies on creating chrome extension.
This project is divided into 3 parts (as you can see on the src
folder)
background script
uses Typescriptpopup ui
uses HTML/CSS/Typescriptoptions page
uses React/Typescript/CSS
- Clone repo
https://github.com/ramilsaavedra/html-react-typescript-chrome-extension-boilerplate.git
- Run
npm i
npm run dev
runs the app on development mode ornpm run build
builds the app for production to thedist
folder.- Open chrome web browser and go to
chrome://extensions
- Tick the
Developer mode
checkbox and clickLoad unpacked
button and select thedist
folder