gulp实时服务器与browserSync

Question

我已经对实时服务器和browsersync有了足够的了解。但是我不能安静地了解它们如何协同工作。

browserSync的工作是同步所有浏览器，而实时服务器的工作是重新启动我的快速服务器。

因此以下任务对我的工作流程有何帮助：

gulp.task('live-server', function() {

  var server = new LiveServer('server/main.js');
  server.start();
});

gulp.task('serve', ['live-server'], function() {
  browserSync.init(null, {
   proxy: 'http://localhost:7777',
    port: 9001
  });
});

运行gulp serve时得到的输出是

[09:31:05] Using gulpfile ~/Documents/Code/test/gulpfile.js
[09:31:05] Starting 'live-server'...
[09:31:05] Finished 'live-server' after 8.55 ms
[09:31:05] Starting 'serve'...
[09:31:05] Finished 'serve' after 60 ms
livereload[tiny-lr] listening on 35729 ...
[BS] Proxying: http://localhost:7777
[BS] Access URLs:
 -------------------------------------
       Local: http://localhost:9001
    External: http://172.20.3.230:9001
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://172.20.3.230:3001
 ------------------------------------

什么是外部，什么是UI外部以及所有新端口9001、3001？

Answer 1

本地：代表您可以用来查看项目的本地计算机上的地址。 外部：代表您本地网络（LAN或wifi）上的任何用户可以查看该项目的地址。

UI使您可以一览所有BrowserSync选项，它向您显示所有同步选项，历史记录，并允许您配置BrowserSync。 要访问UI，只需访问终端上作为UI引用的地址即可。

该波纹管链接将详细介绍以下内容： 如何使用BrowserSync加快开发速度