gulp

gulp
前端构建工具,功能和grunt一样,但运行起来比grunt快
区别:
gulp: 快,书写跟nodejs一样,操作的是二进制流
grunt: 相对慢,书写是一个json又一个json
公司大部分用gulp
官网:http://gulpjs.com/
插件:http://gulpjs.com/plugins/

使用gulp流程
1.安装gulp命令环境
npm install gulp-cli --global
验证gulp已安装
gulp -version
2.准备两个文件
gulpfile.js gulp编写任务
package.json 工程文件 npm init
3.编写具体任务
4.安装本地gulp
npm install gulp --save-dev
5.下载插件
npm install gulp-contrib-watch 监听变化
npm install gulp-contrib-uglify --save-dev 压缩js
npm install gulp-contrib-cssmin --save-dev 压缩css
npm install gulp-htmlmin --save-dev压缩html
npm install gulp-contrib-imagemin --save-dev 压缩图片
npm install gulp-contrib-concat --save-dev 合并文件
6.运行
找到gulpfile这个js所在目录
执行命令:gulp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 3,215评论 7 55
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 2,411评论 1 11
  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 1,101评论 0 8
  • 编辑于2015年 转载自某作者的译文 作者要是看到请联系我注明出处 对网站资源进行优化,并使用不同浏览器测试并不是...
    krock01阅读 458评论 0 2
  • 它们的功能一样 不同之处:gulp的速度比grunt快,grunt是通过文件的机制来压缩的,grunt是通过二进制...
    寒潭落花阅读 1,288评论 0 0