Chrome Extension Boilerplate

Chrome Extension Boilerplate with React, Tailwind, Webpack

Steps to setup:

Clone the repo, or run the starter command:

npx @athreelabs/chromex-react-tailwind-webpack-starter <your-project-root-dir>

Open terminal in the project folder and run:

npm install

To build for production, run:

npm run build

This will create a 'build' folder in the root directory which will have the bundled files. Then add the extension to Chrome from the 'build' directory.

To view the popup page (index.html in this case), open the following link in Chrome: chrome-extension://<extension-ID>/index.html

(optional) During development, run the following command to watch and recompile whenever a file changes:

npm run dev

License

MIT