Merge pull request #2527 from lbssousa/browsersync-ports
Added option to map Browsersync ports from workspace container
This commit is contained in:
@ -617,6 +617,31 @@ docker-compose up -d php-worker
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
<a name="Use-Browsersync-With-Laravel-Mix"></a>
|
||||
## Use Browsersync with Laravel Mix
|
||||
|
||||
1. Add the following settings to your `webpack.mix.js` file. Please refer to Browsersync [Options](https://browsersync.io/docs/options) page for more options.
|
||||
```
|
||||
const mix = require('laravel-mix')
|
||||
|
||||
(...)
|
||||
|
||||
mix.browserSync({
|
||||
open: false,
|
||||
proxy: 'nginx' // replace with your web server container
|
||||
})
|
||||
```
|
||||
|
||||
2. Run `npm run watch` within your `workspace` container.
|
||||
|
||||
3. Open your browser and visit address `http://localhost:[WORKSPACE_BROWSERSYNC_HOST_PORT]`. It will refresh the page automatically whenever you edit any source file in your project.
|
||||
|
||||
4. If you wish to access Browsersync UI for your project, visit address `http://localhost:[WORKSPACE_BROWSERSYNC_UI_HOST_PORT]`.
|
||||
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
<a name="Use-Mailu"></a>
|
||||
## Use Mailu
|
||||
|
Reference in New Issue
Block a user