slicks-bee-randy-daniel
v1.0.0
Published
![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/tihawk/browser-extension-boilerplate/dev/webextension-polyfill?style=flat-square) ![GitHub package.json dependency version (dev dep
Downloads
4
Readme
Boilerplate for Web-Extensions
A TypeScript boilerplate for writing browser extensions for Chrome, Firefox and Edge. Uses webpack to build the finished source.
Building
The extension can be built for one of the following browsers at a time: Chrome, Firefox, Edge.
- First time after cloning, run
npm install
- Run
npm run build:<browser>
where<browser>
can bechrome|firefox|edge
The bundled files will be located in the dist/
directory.
Loading into the browser
After having built the extension for the desired browser, you can run it following the appropriate steps.
Chrome
- Navigate to
chrome://extensions/
- Switch to Developer Mode
- Load extension by clicking Load unpacked and navigating to the
dist/
directory
Firefox
Method 1.
- Run in firefox with
npm run start:firefox
Method 2.
- Navigate to
about:debugging#/runtime/this-firefox
- Load extension by clicking Load Temporary Add-on and navigating to the
dist/
directory
Edge
- Navigate to
edge://extensions/
- Switch to Developer Mode
- Load extension by clicking Load unpacked and navigating to the
dist/
directory