Gulp那些好用的插件 2016.04.20
2016-05-24 11:56
351 查看
开始接触LESS、组件化编程后,慢慢意识到需要一个提高工作效率的构建工具,就此接触到了Gulp。
Gulp的好处在这里就不细说啦,只有四个API接口学起来简直爽歪歪,减少了大量的I/O操作,用起来很畅快。另外丰富的插件能99.9%满足你的需求,剩下的0.1%还可以自己写啊吼吼吼吼。总结一下自己觉得好用的常用的插件:
gulp-plumber :
如果说Gulp是一条水管,那gulp-plumber就是水管工。无论在文件处理过程中的哪一步出现问题,都会反映在终端上。gulp-less/sass:
把less sass预语言编译成浏览器认识的css;gulp-postcss:
可以根据你的需要来优化你的css代码。postcss有很多不同功能的插件,可以按需调用,比如:可以自动添加浏览器兼容前缀的
autoprefixer,写css的时候再也不用
ms
webkit
mom
o一串写下来啦。还有PreCSS可以检查代码中的
@if else,编译符合需求的代码。 更多的插件可以在npm或者github上看文档。
gulp-minify-css:
预处理完样式文件之后,用它来压缩,尽量减少文件大小。gulp-jshint:
检查JS文件是否存在错误。gulp-uglify:
JS文件压缩。gulp-concat:
各种文件合并。browserSync:
监听文件,如果文件被修改,自动刷新页面。提高工作效率一大利器!之后会继续学习拓展gulp的功能,继续更新。关于插件的安装,记住在命令行
npm install (插件名)后面加上
--save-dev, 把需要安装的插件加进项目的package.json 里,之后其他人借用就可以直接
npm install一次安装啦!
相关文章推荐
- jdbcTemplate SQL in
- 如何在ListCtrl中显示不同的图片
- Spark Streaming之Executor容错安全性
- Linux数据库:MYSQL启用和查看二进制日志
- 大数据第六天作业
- Android性能优化1
- 销售订单屏幕增强及功能增强
- android 如何显示软键盘中的搜索以及处理点击搜索却进行了两次操作问题
- Android开发工程中集成mob短信验证码功能的方法
- mac ftp 服务器使用
- 浅说http
- 在Ubuntu 64位上安装32位版arm-linux交叉工具链
- 组合模式(Composite Pattern)
- ThreadLocal的使用在Tomcat的服务环境下要注意
- jQuery中事件与动画的总结分享
- iOS开发之适配IPV6更新网络处理为AFNetworking3.x, 集成以及遇到的一些问题总结。
- iOS后台定位
- andrroid 动画 oncreate 和 onclick 启动方式
- Eclipse 一直不停 building workspace 完美解决总结
- 小米路由+花生壳动态域名搭建web服务