Template: separate asset compilation into bin/ files

bin/build

@@ -0,0 +1,13 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+esbuild app/javascript/application.ts \
+  --bundle \
+  --sourcemap \
+  --format=iife \
+  --outdir=app/assets/builds \
+  --public-path=/assets \
+  --alias:jquery=./node_modules/jquery/jquery.js \
+  --alias:bootstrap=./node_modules/bootstrap/dist/js/bootstrap.js \
+  --alias:jquery-visible=./node_modules/jquery-visible/jquery.visible.min.js

bin/build_css

@@ -0,0 +1,14 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+esbuild app/assets/stylesheets/application.css \
+  --bundle \
+  --outdir=app/assets/builds \
+  --public-path=/assets \
+  --external:/img/* \
+  --loader:.woff=file \
+  --loader:.woff2=file \
+  --loader:.eot=file \
+  --loader:.ttf=file \
+  --loader:.svg=file

package.json

@@ -50,8 +50,8 @@
     "vitest": "^4.0.18"
   },
   "scripts": {
-    "build": "esbuild app/javascript/application.ts --bundle --sourcemap --format=iife --outdir=app/assets/builds --public-path=/assets --alias:jquery=./node_modules/jquery/jquery.js --alias:bootstrap=./node_modules/bootstrap/dist/js/bootstrap.js --alias:jquery-visible=./node_modules/jquery-visible/jquery.visible.min.js",
-    "build:css": "esbuild app/assets/stylesheets/application.css --bundle --outdir=app/assets/builds --public-path=/assets --external:/img/* --loader:.woff=file --loader:.woff2=file --loader:.eot=file --loader:.ttf=file --loader:.svg=file",
+    "build": "bin/build",
+    "build:css": "bin/build_css",
     "eslint": "eslint ./ --cache --max-warnings=0",
     "eslint_find_unused_rules": "eslint-find-rules --unused --flatConfig --no-core eslint.config.ts",
     "pretest": "pnpm tscheck && pnpm eslint",