https://github.com/tinymins/react-chrome-extension-boilerplate
Build chrome extension with React.js
https://github.com/tinymins/react-chrome-extension-boilerplate
Last synced: 10 months ago
JSON representation
Build chrome extension with React.js
- Host: GitHub
- URL: https://github.com/tinymins/react-chrome-extension-boilerplate
- Owner: tinymins
- Created: 2022-11-15T09:34:47.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2022-11-29T11:37:37.000Z (about 3 years ago)
- Last Synced: 2025-02-13T03:51:52.018Z (12 months ago)
- Language: JavaScript
- Size: 488 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Chrome Extension Boilerplate
> A react boilerplate for building chrome extension.
## Mounted with
| Package | Version |
| ---------- | -------- |
| Webpack | 5.x |
| TypeScript | 4.x |
| ESLint | 8.x |
| PostCSS | 8.x |
| Less | 4.x |
| Node SASS | 8.x |
| Stylelint | 14.x |
## How to use
1. Clone this repo.
2. Change project properties.
3. Run `npm install`.
4. Start by `npm start`.
5. Build by `npm run build`.
## Tips
For WSL users, here's a trick you can develop in a linux sub system with hot reload, and preview in windows host system `Chrome` application:
1. In WSL
```sh
npm start -- --distPath="/mnt/d/react-chrome-extension-boilerplate-dist"
```
2. In chrome: Load unpack extension from `D:/react-chrome-extension-boilerplate-dist`