[{"data":1,"prerenderedAt":9},["ShallowReactive",2],{"post-\u002Fblog\u002Fweb-ext":3},{"path":4,"title":5,"description":6,"date":7,"rawbody":8},"\u002Fblog\u002Fweb-ext","Web Extensions without the Pain","Stop manually reloading your browser.","2025-11-29","---\ntitle: 'Web Extensions without the Pain'\ndescription: 'Stop manually reloading your browser.'\ndate: '2025-11-29'\n---\n\nDeveloping browser extensions usually involves a special kind of hell. You change a line of code, switch windows, open the extension manager, and click reload. Repeat until you die.\n\nStop doing that.\n\n> \"Manual reloading is a waste of life.\"\n\n### The Solution\n\n`web-ext` is a command-line tool by Mozilla that automates the tedious stuff. It watches your files and reloads the extension automatically.\n\n### The Setup\n\nInstall it as a dev dependency:\n\n```bash\nnpm install --save-dev web-ext\n```\n\nAdd this script to your `package.json`:\n\n```json\n{\n  \"scripts\": {\n    \"dev\": \"web-ext run --target=firefox-desktop --start-url about:newtab\"\n  }\n}\n```\n\nRun `npm run dev`. A clean browser instance opens with your extension loaded. Save a file, see the changes instantly.\n\nNow go build something useful.\n",1783267423470]