Javascript 当SASS/JS发生变化时，如何让laravel 5.3应用程序自动加载

希望在我更改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');
});

编辑（已尝试BrowserSync，但未更新）

---

您可以使用类似于

browserSync

的功能

要安装

browserSync

运行：

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

然后在

gulpfile

中添加：

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

（将

app.dev

更改为您的实际应用程序url）

然后，当您运行

gulpwatch

时，浏览器在检测到更改时应自动重新加载

---

希望这有帮助

您可以使用类似于

browserSync

的东西

要安装

browserSync

运行：

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

然后在

gulpfile

中添加：

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

（将

app.dev

更改为您的实际应用程序url）

然后，当您运行

gulpwatch

时，浏览器在检测到更改时应自动重新加载

---

希望这有帮助

我想这已经包含在

5.3

中了，对吗？不要相信它需要安装，只需将

browserSync（{…}）

添加到

gulpfile

@camelCase不，它不是从盒子里出来的。不过，它会给你一个小错误消息和安装它所需的代码：）嗨，谢谢你的帮助，我试图实现browserSync，但无法让它工作。我的gulpfile（check edit）@user3818418有问题吗？只是为了再次检查，访问你刚刚调用的应用程序的主页

localhost

？另外，除非您已经在端口3000上运行了一个进程，否则我会将其保留为默认值。我在8000端口上运行，所以我将把端口线留在那里。我想这已经包含在

5.3

中了，对吗？不要相信它需要安装，只需将

browserSync（{…}）

添加到

gulpfile

@camelCase不，它不是从盒子里出来的。不过，它会给你一个小错误消息和安装它所需的代码：）嗨，谢谢你的帮助，我试图实现browserSync，但无法让它工作。我的gulpfile（check edit）@user3818418有问题吗？只是为了再次检查，访问你刚刚调用的应用程序的主页

localhost

？另外，除非您已经在端口3000上运行了一个进程，否则我会将其保留为默认值。我在8000端口上运行，所以我将把端口线留在那里。