gulp的经常使用api

gulp是什么?css

http://gulpjs.com/ 相信你会明白的!node

与著名的构建工具grunt相比,有什么优点呢?git

  1. 易于使用,代码优于配置
  2. 高效,不会产生过多的中间文件,减小I/O压力
  3. 易于学习,API很是少,你能在很短的事件内学会gulp

那些经常使用的gulp插件

No.一、run-sequence

Linkshttps://www.npmjs.com/package/run-sequencegithub

做用:让gulp任务,能够相互独立,解除任务间的依赖,加强task复用npm

推荐指数:★★★★★gulp

No.二、browser-sync

Linkshttp://www.browsersync.io/api

做用:静态文件服务器,同时也支持浏览器自动刷新浏览器

推荐指数:★★★★★sass

No.三、del

Links:https://www.npmjs.com/package/del服务器

做用:删除文件/文件夹

推荐指数:★★★★★

No.四、gulp-coffee

Linkshttps://github.com/wearefractal/gulp-coffee

做用:编译coffee代码为Js代码,使用coffeescript必备

推荐指数:★★★★

No.五、coffee-script

Linkshttps://www.npmjs.com/package/coffee-script

做用:gulpfile默认采用js后缀,若是要使用gulpfile.coffee来编写,那么须要此模块

推荐指数:★★★

No.六、gulp-nodemon

Linkshttps://www.npmjs.com/package/gulp-nodemon

做用:自动启动/重启你的node程序,开发node服务端程序必备

推荐指数:★★★★★

No.七、yargs

Linkshttps://www.npmjs.com/package/yargs

做用:用于获取启动参数,针对不一样参数,切换任务执行过程时须要

推荐指数:★★★

No.八、gulp-util

Linkshttps://www.npmjs.com/package/gulp-util

做用:gulp经常使用的工具库

推荐指数:★★★★★

No.九、gulp-uglify

Linkshttps://www.npmjs.com/package/gulp-uglify

做用:经过UglifyJS来压缩JS文件

推荐指数:★★★★

No.九、gulp-concat

Linkshttps://www.npmjs.com/package/gulp-concat

做用:合并JS

推荐指数:★★★★

No.十、gulp-sourcemaps

Linkshttps://www.npmjs.com/package/gulp-sourcemaps

做用:处理JS时,生成SourceMap

推荐指数:★★★★

No.十一、gulp-less

Linkshttps://www.npmjs.com/package/gulp-less

做用:将less预处理为css

推荐指数:★★★★

No.十二、gulp-sass

Linkshttps://www.npmjs.com/package/gulp-sass

做用:将sass预处理为css

推荐指数:★★★★

No.1三、gulp-autoprefixer

Linkshttps://www.npmjs.com/package/gulp-autoprefixer

做用:使用Autoprefixer来补全浏览器兼容的css。

推荐指数:★★★★

No.1四、gulp-minify-css

Linkshttps://www.npmjs.com/package/gulp-minify-css

做用:压缩css。

推荐指数:★★★★

No.1五、connect-history-api-fallback

Linkshttps://www.npmjs.com/package/connect-history-api-fallback

做用:开发angular应用必须,用于支持HTML5 history API.

推荐指数:★★★

相关文章
相关标签/搜索