2016-07-31 23 views
0

Ich verwende Elixier() von Laravel 5.2, das ist gulpfile.js:Wie browserSync() von Elixier in Laravel verwenden

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

Ich möchte browserSync() in gulpfile.js hinzuzufügen,
Wo soll ich sagen?

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

Antwort

1

Wo soll ich sagen?

Es könnte überall sein in dir

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

Dann gulpfile.js, laufen gulp watch und beobachten Sie Ihren Browser synchronisieren Front-End-Datei, die Sie wurden in http://project.app:3000

1

Wechsel habe ich es der Arbeit an meinem New Laravel 5.2 Projekt über die folgenden Schritte:

  1. npm installieren
  2. npm installieren die gulpfile.js Laravel-Elixier-Browser-Sync --save-dev
  3. Änderung

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

lesen