Skip to content

dooking/React-Typescript-Chromium-Extension-Boilerplate

Repository files navigation

Chrominum Extension Boilerplate

Side Project of Boostcamp-Group-Project

Npm

https://www.npmjs.com/package/react-typescript-chromium-extension-boilerplate

Features

  • Boilerplate for React + Typescript + Chromium-extension
  • Install React without CRA
  • Custom setting Webpack, Babel, Eslint

Install

git clone https://github.com/dooking/react-typescript-chromium-extension-boilerplate.git
npm install

Structure

📁 react-typescript-chromium-extension-boilerplate  
├── 📁 public
|── ├── background.js         // Browser event handler
|── ├── index.html            // Root html
|── ├── index.css             // Root css
|── ├── mainfest.json         // Extension setting file
|── ├── options.html          // Option Component
│   └── options.js            // Option Script
└── 📁 src
    ├── App.tsx               // Component
    └── index.tsx             // Webpack entry point

How to use

1. npm run build

2. chrome://extensions

3. 1) Click on Developer Mode 'ON'

4. 2) Upload Dist folder

image

Quote

⭐ Show your support

Please ⭐️ this repository if this project helped you!