如何在Laravel中使用elixir的browserSync（）

Question

我正在使用Laravel 5.2的elixir（），这是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

  

我应该把它放在哪里？

它可能在你的任何地方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');
    mix.browserSync({ 
       proxy: 'project.app'
    });
});

然后，运行gulp watch并观看您的浏览器同步您在http://project.app:3000

中更改的前端文件

Answer 2

我通过以下步骤开始研究我的新laravel 5.2项目：

1. npm install
2. npm install laravel-elixir-browser-sync --save-dev

3. 将gulpfile.js更改为

   var elixir = require('laravel-elixir');
   elixir(function(mix) {
       mix.sass('app.scss');
       mix.browserSync({
           proxy: 'app.local',
           files: [
               'app/**/*',
               'public/**/*',
               'resources/**/*'
           ]
       });
   });
   

4. 运行“gulp watch”