抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

正所谓事出有因,做一件事情之前我们务必要了解为何而做,这样才能有目的、有针对性地去把这件事情做好。那么,什么是 gulp ?为什么要使用 gulp ?

在前端工作过程中,经常碰到这样一些问题:

js和css文件修改后浏览器出现缓存

js和css文件依赖管理

性能优化(压缩合并)

代码分析

等等……很多的事情我们本是可以多敲键盘⌨和不停地复制粘贴去完成的,但程序的一大思想就是要“学会偷懒”,这些手工活能不能让程序帮我们自动去完成呢?答案当然是 OK 的,gulp 的出现就可以让这些问题迎刃而解,当然,能处理的事项远不仅如此,我们可以知道的是:

  • 去除缓存

  • js 和 css 合并优化压缩

  • 图片优化

  • 编译 sass

  • 组件化 HTML 头部底部

  • 代码分析

  • 单元测试

  • 搭建本地服务器

等等任务……这些全都可以完成,显然,gulp 就是一个提高前端效率和质量的好伙计。

NPM 是这样介绍的:

  • 自动化,帮助自动化构建任务的工具包
  • 无关平台性,可以被集成到主流 IDE,PHP,.NET,Node.js,Java和其它平台都可以使用
  • 强大的生态,超过 2000+ 的插件支持(目前已达到 3800+ )
  • 简介,提供少量 api,简单学习和使用

Gulp

NPM-Gulp

Gulp中文网

Grunt(另一款前端构建工具)

评论