dev.exs

config :faithful_word, FaithfulWordWeb.Endpoint,
  http: [port: 4000],
  debug_errors: true,
  code_reloader: true,
  check_origin: false,
  watchers: [
    yarn: ["run", "watch", cd: Path.expand("../assets", __DIR__)]
  ]

package.json

{
  "repository": {},
  "description": " ",
  "license": "MIT",
  "scripts": {
    "js": "esbuild ./js/app.js --target=es2018 --bundle --outdir=../priv/static/js --sourcemap",
    "css": "postcss ./css/app.css --dir ../priv/static/css",
    "copy": "cpx \"static/**/*\" ../priv/static",
    "deploy": "yarn js --minify & yarn css & yarn copy",
    "watch": "vite build --watch --minify false --emptyOutDir false --clearScreen false --mode development"
  },
  "dependencies": {
    "@fortawesome/fontawesome-free": "^5.14.0",
    "alpinejs": "^2.8.2",
    "autoprefixer": "^10.2.4",
    "kutty": "^0.5.1",
    "phoenix": "file:../deps/phoenix",
    "phoenix_html": "file:../deps/phoenix_html",
    "phoenix_live_view": "file:../deps/phoenix_live_view",
    "postcss": "^8.3.0",
    "cpx":"^1.5.0",
    "tailwindcss": "^2.1.2",
    "topbar": "^1.0.1" 
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@tailwindcss/forms": "^0.2.1",
    "@tailwindcss/line-clamp": "^0.2.0",
    "node-sass": "^4.13.1",
    "watchpack": "^2.2.0",
    "chokidar": "^3.5.1",
    "sass": "^1.35.1",
    "vite": "^2.2.4"
  }
}