I’ve adapted the solution from @mhanberg’s nice blog post a little bit and it’s working great for me:
assets/package.json:
{
"scripts": {
"cpx": "./zombie.sh cpx './static/**/*' ../priv/static",
"esbuild": "./zombie.sh esbuild ./js/app.js --target=es2015 --bundle --outdir=../priv/static/js --sourcemap --minify",
"postcss": "./zombie.sh postcss ./css/app.css --dir ../priv/static/css",
"watch": "NODE_ENV=development TAILWIND_MODE=watch sh -c 'npm run cpx -- --watch & npm run esbuild -- --watch & npm run postcss -- --watch'",
"deploy": "NODE_ENV=production TAILWIND_MODE=build sh -c 'npm run cpx & npm run esbuild & npm run postcss'"
},
"dependencies": { .. },
"devDependencies": { .. }
}
config/dev.exs:
config :app, App.Endpoint,
watchers: [
npm: [
"run",
"watch",
cd: Path.expand("../assets", __DIR__)
]
]
(+ assets/zombie.sh from the Elixir documentation)
