gulp 入门指南

在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。

点击右上角的 订阅本书，点击 Star 收藏本书。

• 订阅本书

因为 Node 的全局包安装都是在C盘，所有请在C盘使用 gulp 以方便熟悉 gulp

• 使用 gulp 压缩 JS
• 使用 gulp 压缩图片
• 使用 gulp 编译 Sass

将规律转换为 gulp 代码

现有目录结构如下：

1. 找到 js/目录下的所有 .js 文件
2. 压缩这些 js 文件
3. 将压缩后的代码另存在 dist/js/ 目录下

代码执行后文件结构

a.js 压缩前

此时 目录下的 文件都是压缩后的版本。

你还可以监控 目录下的 js 文件，当某个文件被修改时，自动压缩修改文件。启动 gulp 后就可以让它帮助你自动构建 Web 项目。

gulp 还可以做很多事，例如：

1. 压缩CSS
2. 压缩图片
3. 编译Sass/LESS
4. markdown 转换为 html