SASS/JS가 변경 될 때 laravel 5.3 앱을 자동로드하는 방법

Question

SASS 또는 Javascript를 변경할 때마다 페이지를 자동으로 다시로드하려고하지만, Laravel 5.3에서는 WebPack으로 수행하는 방법을 모릅니다. 나는 뜨거운 모듈 교체에 대해 들었지만 정말 복잡해 보인다. 내 gulpfile에 그것을 통합 할 수있는 방법이있다.

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'); 
}); 

편집

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

당신은 browserSync 같은 것을 사용할 수 있습니다 (BrowserSync하지만 업데이트되지를 시도).

browserSync 실행 설치하려면 다음에서 다음

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

당신의 gulpfile 단순히 추가 : gulp watch 브라우저를 실행할 때

이

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

그런

을 (실제 애플리케이션 URL에 app.dev 변경) 변경을 감지하면 자동으로 다시로드해야합니다.

희망이 도움이됩니다.