前端构建之gulp与常用插件

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

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

那些常用的gulp插件

No.1、run-sequence

Links: run-sequence - npm

作用:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用

推荐指数:★★★★★

No.2、browser-sync

Links: Browsersync - Time-saving synchronised browser testing

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

推荐指数:★★★★★

No.3、del

Links:https://www.npmjs.com/package/del

作用:删除文件/文件夹

推荐指数:★★★★★

No.4、gulp-coffee

Links: GitHub - gulp-community/gulp-coffee: Coffeescript plugin for gulp

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

推荐指数:★★★★

No.5、coffee-script

Links: coffee-script - npm

作用:gulpfile默认采用js后缀,如果要使用gulpfile.coffee来编写,那么需要此模块

推荐指数:★★★

No.6、gulp-nodemon

Links: gulp-nodemon - npm

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

推荐指数:★★★★★

No.7、yargs

Links: yargs - npm

作用:用于获取启动参数,针对不同参数,切换任务执行过程时需要

推荐指数:★★★

No.8、gulp-util

Links: gulp-util - npm

作用:gulp常用的工具库

推荐指数:★★★★★

No.9、gulp-uglify

Links: gulp-uglify - npm

作用:通过UglifyJS来压缩JS文件

推荐指数:★★★★

No.9、gulp-concat

Links: gulp-concat - npm

作用:合并JS

推荐指数:★★★★

No.10、gulp-sourcemaps

Links: gulp-sourcemaps - npm

作用:处理JS时,生成SourceMap

推荐指数:★★★★

No.11、gulp-less

Links:gulp-less - npm

作用:将less预处理为css

推荐指数:★★★★

No.12、gulp-sass

Links:gulp-sass - npm

作用:将sass预处理为css

推荐指数:★★★★

No.13、gulp-autoprefixer

Links:gulp-autoprefixer - npm

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

推荐指数:★★★★

No.14、gulp-minify-css

Links:gulp-minify-css - npm

作用:压缩css。

推荐指数:★★★★

No.15、connect-history-api-fallback

Links:connect-history-api-fallback - npm

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

推荐指数:★★★

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值