Question

我已经阅读了很多关于实时服务器和浏览器同步的信息......但是我无法安静地了解它们如何协同工作。

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
 ------------------------------------

这是什么外部以及所有新端口9001,3001

的外部UI

Answer 1

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

UI为您提供了所有BrowserSync选项的鸟瞰图，它显示了所有同步选项，历史记录，并允许您配置BrowserSync。要访问UI，只需访问终端上引用的地址作为UI。

波纹管链接将详细介绍它： How to Use BrowserSync for Faster Development

gulp live-server vs browserSync

1 个答案: