Elixir Gulp BrowserSync отдельный сервер разработки

Question

Я разрабатываю сайты Laravel на сервере разработки в своей сети.

Мои gulpfile.js

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

В результате при запуске глотком часы:

[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 

Я добавил NAT маршруты в моем маршрутизаторе IP Веб-сервер для портов 3000 и 3001

Я добавил слушать 3000 и слушать 3001 в /etc/apache2/ports.conf (On Ubuntu 16.04)

Я добавил *: 3000 ен *: 3001 на виртуальных хостов:

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

я загрузить мои developent сайты локально, так и снаружи через http://website1.devserver.tld

Still, BrowserSync не работает. Что я делаю не так?

Answer 1

Используйте Fannypack,, вы получите более высокую страницу, чтобы вернуться к Elixir, избегая задержки в 1,5 секунды или более в зависимости от вашего проекта. Я не утверждаю, что Fannypack лучше, чем Elixir, но он решает все, что меня раздражает.