Skip to content

Template for developing Web Extension using TypeScript.

License

Notifications You must be signed in to change notification settings

divshekhar/web-extension-template

Repository files navigation

Web Extension Template

Web Extension Template

build

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