如何让一个laravel 5.3应用程序在SASS/JS发生变化时自动加载

想要自动重载页面每当我改变我的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');
});

EDIT(尝试BrowserSync但未更新)

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