Laravel项目在更改后自动刷新

Car*_*osZ 0 browser laravel

有谁知道是否有一种方法可以运行Laravel项目中的代码更改而无需每次都刷新页面。

我知道要查看更改

php artisan serve
Run Code Online (Sandbox Code Playgroud)

但是我每次都这样做,这很令人沮丧。

还是谢谢你。

小智 8

您可以使用Laravel Mix实现此目的

根据文档的这一部分,您需要编辑webpack.mix.js文件,并将其添加到末尾:

mix.browserSync('127.0.0.1:8000');
Run Code Online (Sandbox Code Playgroud)

它需要与php artisan serve命令的输出相匹配,在这里您找到了以下内容:

Laravel development server started: <http://127.0.0.1:8000>
Run Code Online (Sandbox Code Playgroud)

之后,您必须同时运行php artisan servenpm run watch命令。在编辑文件时,必须离开以同时运行两个命令。

注意:第一次运行时npm run watch,它将安装其他组件。但是,命令输出对此非常清楚。如果一切正常,Laravel Mix将自动通过http://localhost:3000或类似方式打开浏览器。


小智 6

在laravel中添加webpack.mix.js文件

mix.browserSync('127.0.0.1:8000');
Run Code Online (Sandbox Code Playgroud)

然后运行这个命令

> npm install browser-sync browser-sync-webpack-plugin@2.0.1 --save-dev --production=false
Run Code Online (Sandbox Code Playgroud)

在此运行之后 npm run watch

> Browsersync automatic run your port 3000
Run Code Online (Sandbox Code Playgroud)

  • 我发现文件名有错误。应该是:`webpack.mix.js`,用 **i** 而不是 **a**。 (2认同)