Adds default vite port mapping, adds info about compiling assets with vite or laravel-mix

Author: aschmelyun

README.md

@@ -58,6 +58,26 @@ volumes:
 
 While I originally created this template for local development, it's robust enough to be used in basic Laravel application deployments. The biggest recommendation would be to ensure that HTTPS is enabled by making additions to the `nginx/default.conf` file and utilizing something like [Let's Encrypt](https://hub.docker.com/r/linuxserver/letsencrypt) to produce an SSL certificate.
 
+## Compiling Assets
+
+This configuration should be able to compile assets with both [laravel mix](https://laravel-mix.com/) and [vite](https://vitejs.dev/). In order to get started, you first need to add ` --host 0.0.0.0` after the end of your relevant dev command in `package.json`. So for example, with a Laravel project using Vite, you should see:
+
+```json
+"scripts": {
+  "dev": "vite --host 0.0.0.0",
+  "build": "vite build"
+},
+```
+
+Then, run the following commands to install your dependencies and start the dev server:
+
+- `docker-compose run --rm npm install`
+- `docker-compose run --rm --service-ports npm run dev`
+
+After that, you should be able to use `@vite` directives to enable hot-module reloading on your local Laravel application.
+
+Want to build for production? Simply run `docker-compose run --rm npm run build`.
+
 ## MailHog
 
 The current version of Laravel (9 as of today) uses MailHog as the default application for testing email sending and general SMTP work during local development. Using the provided Docker Hub image, getting an instance set up and ready is simple and straight-forward. The service is included in the `docker-compose.yml` file, and spins up alongside the webserver and database services.

docker-compose.yml

@@ -82,6 +82,7 @@ services:
     ports:
       - 3000:3000
       - 3001:3001
+      - 5173:5173
     working_dir: /var/www/html
     entrypoint: [ 'npm' ]
     networks: