php - Laravel "gulp watch" 自动编译资源但不会重新加载浏览器

Question

我在 laravel 5.3 上运行 gulp，似乎gulp watch只通过 browsersync 运行和同步一次。每当我对脚本进行更改时，都会自动编译资产，但浏览器不会重新加载。

这是我的gulpfile.js

const elixir = require('laravel-elixir');
const browserSync = require('laravel-elixir-browsersync');

elixir(mix => {
    mix.browserSync({
        proxy: 'local.app'
    });

    // these files are located under [resources/assets/app/css/..] that will be compiled to [public/app/css/...]
    mix.styles([
        '../app/css/bootstrap.min.css',
        '../app/css/animate.css',
        '../app/css/style.css'
    ], 'public/app/css/plugins.min.css');
});

我检查http://localhost:3001/并在 browserSync 设置上启用了所有功能。

Answer 1

确保在您的浏览器中可以访问 local.app。由于您在 localhost 而不是名称上进行测试： local.app 。如果这不是解决方案，你可以试试这个：

mix.browserSync({
   proxy: 'local.app',
   files: ['public/**/*.css', 'resources/**/*']
 });