Laravel : Comment utiliser browserSync() dans Elixir ?

Question

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

Question :
Je souhaite ajouter browserSync() à browserSync() 到gulpfile.js, comment dois-je l'écrire ?
Le document est le suivant, mais je souhaite l'ajouter au code ci-dessus et je ne sais pas comment faire.

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

Answer 1

Tout comme le site officiel, ajoutez cela à votre tâche. Bien sûr, les exemples de paramètres sur le site officiel sont relativement simples. En fait, d'autres paramètres devraient aller dans browser-sync的官网看看的(看下它的gulpExemple de configuration).

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, 这样其他设备才可实时看到更新
    });

});

Vous pouvez lire ces deux notes, qui peuvent être utiles pour votre compréhension :

configuration de synchronisation du navigateur
configuration de laravel-elixir