正所谓事出有因,做一件事情之前我们务必要了解为何而做,这样才能有目的、有针对性地去把这件事情做好。那么,什么是 gulp ?为什么要使用 gulp ?
在前端工作过程中,经常碰到这样一些问题:
js和css文件修改后浏览器出现缓存
js和css文件依赖管理
性能优化(压缩合并)
代码分析
等等……很多的事情我们本是可以多敲键盘⌨和不停地复制粘贴去完成的,但程序的一大思想就是要“学会偷懒”,这些手工活能不能让程序帮我们自动去完成呢?答案当然是 OK 的,gulp 的出现就可以让这些问题迎刃而解,当然,能处理的事项远不仅如此,我们可以知道的是:
去除缓存
js 和 css 合并优化压缩
图片优化
编译 sass
组件化 HTML 头部底部
代码分析
单元测试
搭建本地服务器
等等任务……这些全都可以完成,显然,gulp 就是一个提高前端效率和质量的好伙计。
NPM 是这样介绍的:
- 自动化,帮助自动化构建任务的工具包
- 无关平台性,可以被集成到主流 IDE,PHP,.NET,Node.js,Java和其它平台都可以使用
- 强大的生态,超过 2000+ 的插件支持(目前已达到 3800+ )
- 简介,提供少量 api,简单学习和使用