Watches for file changes in your Chrome extension's directory. When a change is detected, it reloads the extension and refreshes the active tab (to re-trigger the updated scripts).
npm install crx-hotreloadWatches for file changes in your extension's directory. When a change is detected, it reloads the extension and refreshes the active tab (to re-trigger the updated scripts).
Here's a blog post explaining it (thanks to KingOfNothing for the translation).
- Works by checking timestamps of files
- Supports nested directories
- Automatically disables itself in production
- And it's just a 50 lines of code!
1. Drop hot-reload.js to your extension's directory.
2. Put the following into your manifest.json file:
``json`
"background": { "scripts": ["hot-reload.js"] }
Also, you can simply clone this repository and use it as a boilerplate for your extension.
It is also available as NPM module:
`
npm install crx-hotreload
Then use a require (or import`) to execute the script.