Asset Management with Webpack Encore

This project uses Webpack Encore for asset management including JavaScript and CSS minification.

Setup

Before using the application, you need to set up the front-end assets:

1. Install Node.js dependencies:

   npm install
   

2. Copy the existing static assets to the Encore assets directory:

   mkdir -p assets/css assets/js
   cp public/static/css/water.min.css assets/css/
   cp public/static/js/htmx.min.js assets/js/
   

3. Build the assets:

   For development:

   npm run dev
   

   For production (with minification):

   npm run build
   

Development

During development, you can use the watch command to automatically rebuild assets when files change: