上一篇我们简单介绍了browsersync的基础的用法,但在实际开发中,我们常常需要使用gulp
或grunt
对项目中的js和css等文件进行相应的压缩,实现自动化构建。由于browsersync
在调试方面具有很强的优势,所以在项目中可以考虑他们的集成。本文主要介绍gulp
和browser-sync
的集成。
作为一名前端狗,我们的日常工作除了撸出一手新鲜的代码,剩下的时间就是和各式浏览器,各种手机PK(兼容性调试)。接下来就是无休止的Ctrl+S
,F5
,而且每次都要编辑器浏览器来回切换。据不完全统计,前端每次切换屏幕耗时0.5s,每次点击F5
耗时0.5s,平均每天需切换3600次,等于3600s,等于60分,等于1小时,Ctrl
,Tab
,F5
键每天被点击N次(以上数字纯属虾扯蛋)。为了防止键盘被破坏,为了追求极客之速度,为了,,,停。。。此处为广告时间。接下来就为大家介绍一款神器————browsersync。