前两次博客介绍了browsersync的简单使用和与gulp
的集成,我们开发时关注的可能也就这些了。但其实它还有一个很厉害的功能————控制台。其实就相当于一个后台管理页面,在这里你可以对browsersync的设置进行更改,可以查看历史记录,可以调节输出网速等等。
上一篇我们简单介绍了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。
在我们构建一个大型的web应用,在我们发布之前,我们需要对html中引入的js,css,文件进行相应的压缩,编译工作。但如果把文件一个一个的添加到gulpfile,这工作显得太low了,于是我们可以利用gulp-useref插件进行自动化的工作。
阅读全文日常工作中,邮件是离不了的。想着以后如果进行一些自动化程序的时候会用到,遂尝试用node发送一些模板email。
nodemail示例