自动化构建工具 Gulp

Gulp 与 npm scripts

• Gulp 与 npm scripts 都能够实现自动化构建
• Gulp 语法简单
• Gulp 语法就是 JavaScript 语法
• npm scripts 语法接近 shell 脚本 • Gulp 生态完善，构建效率高

Gulp - 基本使用

• 全局安装 gulp 客户端( npm install -g gulp- cli )
• 初始化项目(npm init --yes)
• 安装 gulp 包( npm install gulp -D )
• 新建 gulpfile 文件 ( gulpfile.js )
• 在 gulpfile.js 中，创建 gulp 任务
• 执行 gulp 任务 ( gulp

Gulp - 组合任务

Gulp - 文件操作

Gulp 是基于 流 的构建系统

Gulp 构建样式文件

Gulp 构建脚本文件

Gulp 构建脚本文件所需插件

Gulp 构建页面文件

Gulp 构建任务组合

Gulp 文件清除

Gulp 开发服务器

Gulp 使用Bootstrap

Gulp 开发服务器中监视文件变化

Gulp 在 Yeoman 中的应用-Webapp 生成器