Laravel: Bagaimana untuk menggunakan browserSync() dalam elixir?

Question

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

Soalan:
Saya ingin menambah browserSync() pada browserSync() 到gulpfile.js, bagaimana saya harus menulisnya?
Dokumen adalah seperti berikut, tetapi saya ingin menambahkannya pada kod di atas dan saya tidak tahu bagaimana untuk melakukannya.

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

Answer 1

Sama seperti laman web rasmi, tambahkan itu pada tugasan anda Sudah tentu, tetapan contoh di laman web rasmi adalah agak mudah, sebenarnya, tetapan lain harus pergi ke browser-sync的官网看看的(看下它的gulpConfiguration Configuration Anda boleh merujuk kepada konfigurasi saya di bawah:

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

});

Anda boleh membaca dua nota ini, yang mungkin berguna untuk pemahaman anda:
konfigurasi penyegerakan penyemak imbas
konfigurasi laravel-elixir