- Run
npm install
(check your node version >= 16) - Load Extension:
- Make sure you have
npm run dev
running for hot reloading. - Chrome and Edge
- Change the
src/config/buildTarget.ts
file so thatbuildTarget = TARGETS.CHROME
. - Open - Chrome/Edge browser.
- Access -
chrome://extensions
/edge://extensions
. - Check - Developer mode.
- Find - Load unpacked extension.
- Select -
dist/chromium
folder in this project (after dev or build)
- Change the
- Firefox:
- Change the
src/config/buildTarget.ts
file so thatbuildTarget = TARGETS.FIREFOX
. - run
npm run load:firefox
. - It should open a
web-ext
faux FireFox browser with the extension running.
- Change the
- Make sure you have
- If you want to build for production, run
npm run build
. Remember to create separate builds for Firefox and Chromium by editingsrc/config/buildTarget.ts
.
Tailwind can be configured in the tailwind.config.cjs
file. See doc link below.