gulp live-server vs browserSync

Question

Я достаточно хорошо ознакомился с живым сервером и браузерами. Однако я не могу успокоиться, чтобы понять, как они работают вместе.

Задача browserSync заключается в синхронизации всех браузеров, а работа Live-сервера - перезагрузка моего экспресс-сервера.

так, как это ниже поможет задача моей работы потока:

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

Answer 1

Local: представляет адрес на вашем локальном компьютере, с которым вы можете просмотреть проект. External: представляет адрес, который может просматривать любой пользователь в вашей локальной сети (LAN или Wi-Fi).

Пользовательский интерфейс дает вам возможность наблюдать за всеми параметрами BrowserSync, он показывает все параметры синхронизации, историю и позволяет настроить BrowserSync. Чтобы получить доступ к пользовательскому интерфейсу, просто посетите адрес, указанный на вашем терминале в качестве пользовательского интерфейса.

Рев ссылка будет подробно об этом подробнее: How to Use BrowserSync for Faster Development