gulp live-server vs browserSync
我已经读了足够多关于实时服务器和浏览器的同步..但是我不能安静地让我的头在他们如何一起工作。
browserSync的工作是同步所有的浏览器和现场服务器的工作是重新启动我的快递服务器。
那么下面的任务如何帮助我的工作stream程:
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?
本地:表示您可以查看项目的本地计算机上的地址。 外部:表示您本地networking(LAN或wifi)上的任何用户可以查看项目的地址。
UI为您提供了所有BrowserSync选项的鸟瞰图,它显示了所有同步选项,历史logging,并允许您configurationBrowserSync。 要访问用户界面,只需访问您的terminal上引用的地址作为用户界面。
下面的链接将详细介绍它: 如何使用BrowserSync进行更快的开发