fork of Vytal for personal experiments
Find a file
2021-06-03 01:25:03 -04:00
promo_images add files 2021-06-03 01:25:03 -04:00
public add files 2021-06-03 01:25:03 -04:00
src add files 2021-06-03 01:25:03 -04:00
.babelrc add files 2021-06-03 01:25:03 -04:00
.eslintrc.js add files 2021-06-03 01:25:03 -04:00
.gitignore add files 2021-06-03 01:25:03 -04:00
package-lock.json add files 2021-06-03 01:25:03 -04:00
package.json add files 2021-06-03 01:25:03 -04:00
README.md Initial commit 2021-06-03 01:24:50 -04:00
tsconfig.json add files 2021-06-03 01:25:03 -04:00
webpack.config.js add files 2021-06-03 01:25:03 -04:00

Chrome Extension boilerplate created with React Typescript

Getting started

Create a project based on this boilerplate.

$ npx degit https://github.com/sivertschou/react-typescript-chrome-extension-boilerplate.git <project-name>

Navigate to the project directory and install the dependencies.

$ npm install

To build the extension, and rebuild it when the files are changed, run

$ npm start

After the project has been built, a directory named dist has been created. You have to add this directory to your Chrome browser:

  1. Open Chrome.
  2. Navigate to chrome://extensions.
  3. Enable Developer mode.
  4. Click Load unpacked.
  5. Select the dist directory.