Laravel“gulp watch”会自动编译资产，但不会重新加载浏览器

Question

我在laravel 5.3上运行gulp看起来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/**/*']
 });