This plugins watches and builds the source files continiusly in-memory. It includes a etag to cache in the browser to save bandwidth.

• Live reload (v0.1.0)
• SASS (v0.2.2)
• Manifest.json (v0.3.0) /<target>/manifest.json, defaults to /_build/manifest.json
• Env support (v0.4.0)
• Multiple entrypoint (v0.5.0) (filename must be different)
• Refactor to routes (v0.5.0) (route /_build {esbuild assets/index.js env auto_reload sass})
• Custom loader configuration (v0.6.0)
• Enable hashed files with file_hash property (v0.7.0)

Caddyfile:

{
  order esbuild first
}

localhost:8080 {
  file_server  {
    root example/public
  }
  esbuild {
    env
    sass
    live_reload
    target /_build
    source ./example/src/index.js
    source ./example/src/index2.js
    loader .png dataurl
    loader .svg file
    loader .json json
    loader .js jsx
  }
}

or a simplified version:

{
  order esbuild first
}

localhost:8080 {
  file_server  {
    root example/public
  }
  esbuild ./example/src/index.js live_reload sass env ./example/src/index2.js
}

• Env support: esbuild will include all environment variables starting with REACT_APP_ and bundle it with your application, including unused items. It will scan any .env, .env.<NODE_ENV>, .env.local, .env.<NODE_ENV>.local, and the runtime environment for relevant variables.
  It will however not watch them changes or auto-reload them.

To run: xcaddy run -watch

Build caddy with:

# To enable sass:
CGO_ENABLED=1 xcaddy build --with github.com/richard87/caddy-esbuild-plugin

#without sass:
xcaddy build --with github.com/richard87/caddy-esbuild-plugin