Skip to content

nicolechung/webextension_workshop

Repository files navigation

Popup

popup

Installation

yarn

Cleaning

yarn clean:dist

This will delete the dist folder.

Development mode

// start for manifest version 2
yarn start:v2

// start for manifest version 3
yarn start:v3

This mode will work in both Chrome and Firefox.

BUT, once you start using browser you won't be able to develop in localhost. It will error out.

Note: it seems like you can make changes, but you'll have to disregard "🚨 Connection to the HMR server was lost" errors in Chrome. Parcel will handle the "reloading" for you.

💡 This builds into dist/!

Build mode

// build for manifest version 2
yarn build:v2

// build for manifest version 3
yarn build:v3

💡 This builds into dist/!

manifest versions

To use manifest version 3 in firefox, you have to enable some experimental flags by going to about:config:

  • extensions.manifestV3.enabled to true
  • xpinstall.signatures.required to false

Attribution

cat and dog images

Icons made by Freepik from www.flaticon.com

image icon

Icons made by Phoenix Group from www.flaticon.com

About

Boilerplate for building a webextension with React

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published