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配置