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

Quote

• 리액트 타입스크립트 = 크롬 확장프로그램 만들기!
• Chrome Developer

⭐ Show your support

Please ⭐️ this repository if this project helped you!