Web Extension Template

Template for developing Chrome Web Extension using TypeScript.

❇️ Template Includes

• TypeScript
• Webpack
• React
• Jest
• ES Lint
• Prettier
• Husky
• Example
  • Popup (Hello World)

📂 Project Structure

• src/: TypeScript source files
• src/assets: Static files
  • src/assets/images/: Image files
• dist: Chrome Extension directory
• dist/scripts: Generated JavaScript files

🔨 Setup

npm install

🛡️ Build

npm run build

👁️‍🗨️ Watch mode

npm run watch

🆚 Visual Studio Code

Run watch mode.

type Ctrl + Shift + B

💻 Load extension to chrome

Load dist directory

⚙️ Test

npx jest or npm run test