Wie man eine laravel 5.3 App zum Autoreload bekommt, wenn sich SASS/JS ändert

Question

Willst du die Seite automatisch neu laden, wenn ich meine SASS oder Javascript ändere, aber nicht sicher wie man es mit WebPack in Laravel 5.3 macht. Ich habe von einem Austausch heißer Module gehört, aber es scheint sehr komplex zu sein, da ich es in meine gulfile integrieren kann.

Gulpfile:

const elixir = require('laravel-elixir'); 

require('laravel-elixir-vue-2'); 

/* 
|-------------------------------------------------------------------------- 
| Elixir Asset Management 
|-------------------------------------------------------------------------- 
| 
| Elixir provides a clean, fluent API for defining some basic Gulp tasks 
| for your Laravel application. By default, we are compiling the Sass 
| file for your application as well as publishing vendor resources. 
| 
*/ 

elixir((mix) => { 
    mix.sass('app.scss') 
     .webpack('app.js'); 
}); 

EDIT (Versuchte BrowserSync aber es ist nicht die Aktualisierung)

const elixir = require('laravel-elixir'); 

require('laravel-elixir-vue-2'); 
var BrowserSync = require('laravel-elixir-browsersync-official'); 

/* 
|-------------------------------------------------------------------------- 
| Elixir Asset Management 
|-------------------------------------------------------------------------- 
| 
| Elixir provides a clean, fluent API for defining some basic Gulp tasks 
| for your Laravel application. By default, we are compiling the Sass 
| file for your application as well as publishing vendor resources. 
| 
*/ 

elixir((mix) => { 
    mix.sass('app.scss') 
     .webpack('app.js') 
     .browserSync({ 
      port: 8000, 
      proxy: 'localhost' 
     }); 
}); 

Answer 1

Sie so etwas wie browserSync nutzen könnten.

browserSync Lauf zu installieren:

npm install laravel-elixir-browsersync-official --save 

Dann wird Sie in gulpfile einfach hinzufügen:

.browserSync({ 
    proxy: 'app.dev', 
}) 

Dann

(app.dev zu Ihrer eigentlichen App-URL ändern), wenn Sie gulp watch der Browser ausführen sollte automatisch neu laden, wenn es eine Änderung erkennt.

Hoffe, das hilft!