gulp的常用api
2016-07-02 08:10
351 查看
gulp是什么?
http://gulpjs.com/ 相信你会明白的!
与著名的构建工具grunt相比,有什么优势呢?
易于使用,代码优于配置
高效,不会产生过多的中间文件,减少I/O压力
易于学习,API非常少,你能在很短的事件内学会gulp
作用:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用
推荐指数:★★★★★
作用:静态文件服务器,同时也支持浏览器自动刷新
推荐指数:★★★★★
作用:删除文件/文件夹
推荐指数:★★★★★
作用:编译coffee代码为Js代码,使用coffeescript必备
推荐指数:★★★★
作用:gulpfile默认采用js后缀,如果要使用gulpfile.coffee来编写,那么需要此模块
推荐指数:★★★
作用:自动启动/重启你的node程序,开发node服务端程序必备
推荐指数:★★★★★
作用:用于获取启动参数,针对不同参数,切换任务执行过程时需要
推荐指数:★★★
作用:gulp常用的工具库
推荐指数:★★★★★
作用:通过UglifyJS来压缩JS文件
推荐指数:★★★★
作用:合并JS
推荐指数:★★★★
作用:处理JS时,生成SourceMap
推荐指数:★★★★
作用:将less预处理为css
推荐指数:★★★★
作用:将sass预处理为css
推荐指数:★★★★
作用:使用Autoprefixer来补全浏览器兼容的css。
推荐指数:★★★★
作用:压缩css。
推荐指数:★★★★
作用:开发angular应用必须,用于支持HTML5 history API.
推荐指数:★★★
http://gulpjs.com/ 相信你会明白的!
与著名的构建工具grunt相比,有什么优势呢?
易于使用,代码优于配置
高效,不会产生过多的中间文件,减少I/O压力
易于学习,API非常少,你能在很短的事件内学会gulp
那些常用的gulp插件
No.1、run-sequence
Links: https://www.npmjs.com/package/run-sequence作用:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用
推荐指数:★★★★★
No.2、browser-sync
Links: http://www.browsersync.io/作用:静态文件服务器,同时也支持浏览器自动刷新
推荐指数:★★★★★
No.3、del
Links:https://www.npmjs.com/package/del作用:删除文件/文件夹
推荐指数:★★★★★
No.4、gulp-coffee
Links: https://github.com/wearefractal/gulp-coffee作用:编译coffee代码为Js代码,使用coffeescript必备
推荐指数:★★★★
No.5、coffee-script
Links: https://www.npmjs.com/package/coffee-script作用:gulpfile默认采用js后缀,如果要使用gulpfile.coffee来编写,那么需要此模块
推荐指数:★★★
No.6、gulp-nodemon
Links: https://www.npmjs.com/package/gulp-nodemon作用:自动启动/重启你的node程序,开发node服务端程序必备
推荐指数:★★★★★
No.7、yargs
Links: https://www.npmjs.com/package/yargs作用:用于获取启动参数,针对不同参数,切换任务执行过程时需要
推荐指数:★★★
No.8、gulp-util
Links: https://www.npmjs.com/package/gulp-util作用:gulp常用的工具库
推荐指数:★★★★★
No.9、gulp-uglify
Links: https://www.npmjs.com/package/gulp-uglify作用:通过UglifyJS来压缩JS文件
推荐指数:★★★★
No.9、gulp-concat
Links: https://www.npmjs.com/package/gulp-concat作用:合并JS
推荐指数:★★★★
No.10、gulp-sourcemaps
Links: https://www.npmjs.com/package/gulp-sourcemaps作用:处理JS时,生成SourceMap
推荐指数:★★★★
No.11、gulp-less
Links:https://www.npmjs.com/package/gulp-less作用:将less预处理为css
推荐指数:★★★★
No.12、gulp-sass
Links:https://www.npmjs.com/package/gulp-sass作用:将sass预处理为css
推荐指数:★★★★
No.13、gulp-autoprefixer
Links:https://www.npmjs.com/package/gulp-autoprefixer作用:使用Autoprefixer来补全浏览器兼容的css。
推荐指数:★★★★
No.14、gulp-minify-css
Links:https://www.npmjs.com/package/gulp-minify-css作用:压缩css。
推荐指数:★★★★
No.15、connect-history-api-fallback
Links:https://www.npmjs.com/package/connect-history-api-fallback作用:开发angular应用必须,用于支持HTML5 history API.
推荐指数:★★★
相关文章推荐
- 实现配置文件备份的小脚本
- Expression Add Operators
- Asp.Net MVC 扩展 Html.ImageFor 方法详解
- Android常见面试题(一)
- Java中的内部接口
- Microsoft product line summarize
- 计算机学习路径
- Android自动连接指定的wifi,免密码或指定密码
- 设置元素竖向居中的三种方式
- 上古神器vim插件:你真的学会用NERDTree了吗?
- 通过View获取Controller
- 高并发性能调试经验分享
- 一步步带你,如何网站架构
- NVMe 图解
- 手机页面需要添加的标签
- 绝杀!Debug 大法,让运维不再尴尬
- 001——于2017-12-27 1659修订
- python下划线
- Java反射基础机制简介
- 独立双(N)拥塞窗口的TCP单边加速思想