This repository is a boilerplate for developing Chrome extensions with React and Webpack. The development environment is set up with hot-reloading, source maps, and other useful features for a seamless development process.
To get started, clone the repository and run:
yarn install
This command installs all the necessary dependencies for the project as specified in the package.json file.
To create a production build, run:
yarn build
This will create a new folder dist
that contains the build files which you can load as an unpacked extension in Chrome.
- Open Chrome browser
- Go to
chrome://extensions/
- Switch on Developer mode
- Click Load unpacked
- Select the dist folder generated by the build commands
- React - A JavaScript library for building user interfaces
- Webpack - A static module bundler for JavaScript applications
- Babel - A toolchain used to convert ECMAScript 2015+ code into a backward compatible version of JavaScript
- Browserlist - A tool to share target browsers between different front-end tools