Laravel 5.4 - Mix - 如何运行浏览器实时重新加载

Question

我在我的项目中使用 Laravel 5.4，并尝试使用 Mix 设置前端构建系统。一切工作正常，除了我无法获得浏览器自动重新加载选项。文档中没有任何相关内容。

请有人帮忙，我怎样才能做到这一点？

Answer 1

重要更新!

忘记我之前说过的话，现在 laravel mix 已更新，并且在功能和文档方面进行了一些改进。

现在你可以简单地:

mix.browserSync('my-domain.dev');

// Or:

mix.browserSync({
    proxy: 'my-domain.dev'
})

然后npm run watch一切顺利!

如果要更新 webpack 版本，请将 package.json 上的版本更改为 *:

"laravel-mix": "*",

然后运行npm update laravel-mix .

请检查混合更新文档 on github

重要更新结束

根据文档，您只需要运行 npm run hot在您的项目以及脚本或样式表引用中使用:

<link rel="stylesheet" href="{{ mix('css/app.css') }}">

所以mix()函数会将您的 Assets url 指向 http://localhost:8080/ .

buuuuuuuut...这正是文档所说的，如您所见 here 。我无法让它在运行 arch linux 的 laravel 全新安装上工作，一切都按其应有的方式编译，并且 mix()函数指向 8080但没有注入(inject)任何东西，我又回到了 Ctrl+R年龄。

祝你好运!