https://github.com/karliatto/react-chrome-extension-scaffolding

Scaffolding to build a chrome extension using React
https://github.com/karliatto/react-chrome-extension-scaffolding

Last synced: 2 days ago
JSON representation

Scaffolding to build a chrome extension using React

• Host: GitHub
• URL: https://github.com/karliatto/react-chrome-extension-scaffolding
• Owner: karliatto
• License: mit
• Created: 2018-10-27T16:48:39.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-10-28T13:39:14.000Z (about 6 years ago)
• Last Synced: 2024-11-14T15:46:28.375Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 125 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Chrome Extension Scaffolding

## Build it

In order for create-react-app scripts not to include a inline script that is not allowed by the [CSP in chrome extensions](https://developer.chrome.com/extensions/contentSecurityPolicy) it is needed to use the environmet variable bellow:

```

INLINE_RUNTIME_CHUNK=false

```

## Use it in chrome

Go the the URL below in google chrome.

```

chrome://extensions/

```

Click the button `Load unpacked extension` and select the build folder.

## Develop

### Use prettier with VScode

If you want Prettier to help you by applying changes on save you have to change in `File > Preferences > Settings` and check the configuration: `Editor: Format On Save`.