Laravel v8 (with Sail and BrowserSync), VueJS v3 with Vue Loader boilerplate.
To setup, do the following:
- Install docker
- composer install
- npm install
- npm install
- ./vendor/bin/sail up
- npm run watch
Extra Info - Sail config
docker-composer.yml file changed to use port '8081:80' so that the app runs on localhost:8081, as I have another program that uses localhost:8080 (the default for Sail).
See https://dev.to/stuartcreed/using-laravel-sail-docker-composer-for-laravel-on-a-existing-application-24k5 for more information.
This link will also help you if you have any other port conflicts.
Sources
This is an adaptation of:
https://dev.to/boussadjra/how-to-setup-vue-3-with-laravel-8-4ne6
https://github.com/boussadjra/laravel-vue-3-starter/blob/main/webpack.mix.js
Laravel Sail:
https://laravel.com/docs/8.x/sail