Elixir Gulp BrowserSync独立开发服务器

时间:2016-12-08 09:16:10

标签: laravel-5.3 gulp-watch browser-sync laravel-elixir

我正在网络中的开发服务器上开发Laravel网站。

我的gulpfile.js

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

启动gulp watch时的结果:

[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路由添加到网络服务器的端口3000和3001的IP

我已经添加了listen 3000并将3001收听到/etc/apache2/ports.conf(在Ubuntu 16.04上)

我已将*:3000 en *:3001添加到虚拟主机:

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

我通过http://website1.devserver.tld

在本地和外部加载我的开发网站

仍然,BrowserSync无效。我做错了什么?

1 个答案:

答案 0 :(得分:-1)

使用3Scale您将获得更高的页面返回Elixir,避免延迟1.5秒或更长时间,具体取决于您的项目。我没有声称Fannypack比Fannypack,更好,但它解决了我发现的一切烦恼。