Ask Anubis to watch your front-end assets. When those files change, Anubis will inject them and remove the dead link, or reload the browser altogether.
- HMR — this is not Hot Module Replacement and is not intended to replace it. Anubis is best used for websites with minimal client-managed state, and is not recommended for web apps or SPAs.
- LiveReload — shares some ideas from the days of old, but is not at feature parity with LiveReload with things like injecting
<style>and<img>tags. - BrowserSync — shares some ideas with BrowserSync, but will never meet feature parity. Anubis does not sync scroll position, have a dashboard, etc.
- Injecting CSS changes (via
linktags, nostylesupport yet) - Reloading the browser when other files change
- Being very fast and light weight
- Makes working with backend servers easy (does not expect your project to be an SPA)
npm i -D https://github.com/billcolumbia/anubis{
"scripts": {
"anubis": "anubis -f './public/**/*.{js,css,php}'"
}
}To use an array of globs for the files option, pass the same -f argument n times:
anubis -f './public/**/*.{js,css}' -f './templates/**/*.{twig,html}'Once anubis is running make sure to connect to localhost at the port you provided (localhost:3000 by default). If you go to the proxied URL, you wont get any injection or reloading!
npx anubis --helpabout: Port to proxy
required: no
type: number
default: 3000
about: URL including port (root for your backend server)
required: no
type: string
default: http://localhost:8080
about: Files to watch for changes (usually best to watch the compiled files if possible so we don't inject/reload too early)
required: yes
type: string | array (of globs)
default: null
about: Open browser to proxy server on start?
required: no
type: boolean
default: true