Laravel :怎么使用elixir中的browserSync() ？

Question

下面是 gulpfile.js:

var elixir = require('laravel-elixir');
require('laravel-elixir-sass-compass');

elixir(function(mix) {
    mix.compass(['app.scss', 'controllers.scss']).version('css/app.css');
    mix.scripts(['jquery.js','app.js']).version('js/all.js');
});

问题：
我想添加browserSync() 到gulpfile.js中，应该怎么写呢？
文档中是下面这样，但是要添加到上面代码中，不知道怎么做。

elixir(function(mix) {
    mix.browserSync({ 
       proxy: 'project.app'
    });
});

Answer 1

就是像官网那样，把那个添加到你的任务里，当然官网的示例设置写得比较简略，其他的设置其实应该去browser-sync的官网看看的(看下它的gulp配置示例)，我的配置你参考下：

gulpfile.js

elixir(function(mix) {
    mix.sass('./resources/assets/sass/**/*.scss','public/dist/css/app.css');

    mix.browserify('index.js', 'public/dist/js/build-index.js');

    // 实时监听文件
    mix.browserSync({
        proxy: '192.168.0.112',   // apache或iis等代理地址
        port: 3000,
        notify: false,        // 刷新是否提示
        watchTask: true,
        open: 'external',
        host: '192.168.0.112',  // 本机ip, 这样其他设备才可实时看到更新
    });

});

这两篇笔记你可以看下，对你理解可能有帮助：
browser-sync配置
laravel-elixir配置