https://github.com/divshekhar/web-extension-template
Template for developing Web Extension using TypeScript.
https://github.com/divshekhar/web-extension-template
chrome-extension-boilerplate chrome-extension-jest chrome-extension-react chrome-extension-starter chrome-extension-template chrome-extension-typescript chrome-extension-webpack web-extension-starter
Last synced: 11 months ago
JSON representation
Template for developing Web Extension using TypeScript.
- Host: GitHub
- URL: https://github.com/divshekhar/web-extension-template
- Owner: divshekhar
- License: apache-2.0
- Created: 2023-01-05T03:57:25.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-05T11:13:24.000Z (over 3 years ago)
- Last Synced: 2025-04-11T05:41:41.312Z (about 1 year ago)
- Topics: chrome-extension-boilerplate, chrome-extension-jest, chrome-extension-react, chrome-extension-starter, chrome-extension-template, chrome-extension-typescript, chrome-extension-webpack, web-extension-starter
- Language: JavaScript
- Homepage:
- Size: 241 KB
- Stars: 10
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Web Extension Template
Template for developing Chrome Web Extension using TypeScript.
## :sparkle: Template Includes
* TypeScript
* Webpack
* React
* Jest
* ES Lint
* Prettier
* Husky
* Example
* Popup (Hello World)
## :open_file_folder: Project Structure
* **src/**: TypeScript source files
* **src/assets**: Static files
* **src/assets/images/**: Image files
* **dist**: Chrome Extension directory
* **dist/scripts**: Generated JavaScript files
## :hammer: Setup
```bash
npm install
```
## :shield: Build
```bash
npm run build
```
## :eye_speech_bubble: Watch mode
```bash
npm run watch
```
### :vs: Visual Studio Code
Run watch mode.
type `Ctrl + Shift + B`
## :computer: Load extension to chrome
Load `dist` directory
## :gear: Test
`npx jest` or `npm run test`