- Run
npm install(check your node version >= 16) - Load Extension:
- Make sure you have
npm run devrunning for hot reloading. - Chrome and Edge
- Change the
src/config/buildTarget.tsfile so thatbuildTarget = TARGETS.CHROME. - Open - Chrome/Edge browser.
- Access -
chrome://extensions/edge://extensions. - Check - Developer mode.
- Find - Load unpacked extension.
- Select -
dist/chromiumfolder in this project (after dev or build)
- Change the
- Firefox:
- Change the
src/config/buildTarget.tsfile so thatbuildTarget = TARGETS.FIREFOX. - run
npm run load:firefox. - It should open a
web-extfaux 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.