Elixir Gulp BrowserSync separater Entwicklungsserver

Question

Ich entwickle Laravel-Websites auf einem Entwicklungsserver in meinem Netzwerk.

Mein gulpfile.js

mix.browserSync({ 
    open: 'external', 
    host: 'website1.devserver.tld', 
    proxy: 'website1.devserver.tld', 
    port: 3000, 
    files: [ 
     'app/**/*', 
     'public/**/*', 
     'resources/views/**/*' 
    ], 
}); 

Das Ergebnis beim Start schluck Uhr:

[BS] Proxying: http://website1.devserver.tld 
[BS] Access URLs: 
----------------------------------------------- 
     Local: http://localhost:3000 
    External: http://website1.devserver.tld:3000 
----------------------------------------------- 
      UI: http://localhost:3001 
UI External: http://website1.devserver.tld:3001 

ich NAT Routen in meinem Router an den Webserver IP-Ports für 3000 und 3001

hinzugefügt haben

Ich habe hinzugefügt hören 3000 und hören 3001 zu /etc/apache2/ports.conf (auf Ubuntu 16.04)

Ich habe hinzugefügt *: 3000 en *: 3001 auf die virtuellen Hosts:

<VirtualHost *:80 *:3000 *:3001> 
    ServerName website1.devserver.tld 
    DocumentRoot /var/www/website1 
    <Directory /var/www/website1> 
    AllowOverride all 
    Require all granted 
    </directory> 
</VirtualHost> 

ich meine developent Webseiten lokal und extern durch http://website1.devserver.tld

Noch laden, wird BrowserSync nicht funktioniert. Was mache ich falsch?

Answer 1

Verwenden Sie die Fannypack, Sie erhalten eine höhere Seite Rückkehr zum Elixir Vermeidung der Verzögerung von 1,5 Sekunden oder mehr je nach Ihrem Projekt. Ich behaupte nicht, dass Fannypack besser ist als Elixir, aber es löst alles, was mich irritiert hat.