Laravel: Wie verwende ich browserSync() in Elixir?

Question

Hier ist 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');
});

Frage:
Ich möchte browserSync() zu browserSync() 到gulpfile.js hinzufügen, wie soll ich es schreiben?
Das Dokument lautet wie folgt, aber ich möchte es dem obigen Code hinzufügen und weiß nicht, wie ich das machen soll.

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