Learning Gulp

以下是对《Learning Gulp》文档内容的总结： --- ### **《Learning Gulp》目录概述** 本书主要介绍了Gulp的基本使用、工作流程配置以及常见插件的应用，旨在帮助开发者自动化前端开发任务，提高开发效率。 --- ### **Chapter 1: Getting started with gulp** #### **Gulp简介** - Gulp是一个基于Node.js的任务运行工具，用于自动化常见的开发任务。 - 它采用流（streams）概念和代码优先（code-over-configuration）的方式，实现更简单、更直观的构建过程。 #### **安装与设置** 1. **安装Node.js和NPM**：确保Node.js和NPM已安装。 2. **全局安装Gulp**：确保旧版本已卸载后运行`npm install gulp -g`。 3. **初始化项目目录**：创建项目目录并初始化`package.json`。 4. **安装Gulp作为开发依赖**：运行`npm install gulp --save-dev`。 5. **创建`gulpfile.js`**：在项目根目录下创建Gulp配置文件。 6. **运行Gulp**：通过命令行运行`gulp`或`gulp task`。 #### **版本历史** - 主要版本包括：3.4（2014-01-17）、4.0.0（2016-06-21）等。 --- ### **Chapter 2: Comprehensive Guide to a Front end Workflow with Gulpjs** #### **前端工作流程** 该章详细介绍了如何使用Gulp实现完整的前端工作流程，包括： - ** Responsify和优化图片**。 - **处理CSS**：清理、自动添加前缀、合并和压缩。 - **处理JavaScript**：合并和压缩。 - **文件监视器**：监控HTML、CSS、JS和图片的变化并触发任务。 - **构建目录**：生成部署ready的代码。 #### **关键插件与任务** - **Browser-sync**：实现浏览器实时刷新。 - **Gulp-watch**：监听页面文件变化。 - **Run-sequence**：顺序执行任务。 - **Watchdog任务**：实时构建部署资产。 --- ### **其他章节概述** #### **Chapter 3: Comprehensive Guide to a Front-end Workflow Automation with Gulpjs -1 of 2** - 介绍了Gulp的基本功能和插件加载方法。 - 详细说明了插件的安装和使用，如图片处理、CSS和JS的压缩等。 #### **Chapter 4: Concatenating files** - 使用`gulp-concat`合并CSS和JS文件。 - 示例：合并所有CSS文件为一个文件，并压缩代码。 #### **Chapter 5: Create a watcher** - 配置监视器任务，实时监控文件变化。 #### **Chapter 6: Create documentation with gulp-jsdoc3** - 使用`gulp-jsdoc3`生成代码文档。 #### **Chapter 7: Delete Files Using Gulp** - 使用`del`插件删除文件或目录。 #### **Chapter 8: Gulp Path** - 配置Gulp路径，简化文件操作。 #### **Chapter 9: Image lossless compression** - 使用`gulp-imagemin`实现图片无损压缩。 #### **Chapter 10: Minifying CSS** - 使用`gulp-clean-css`和`gulp-rename`压缩和重命名CSS文件。 #### **Chapter 11: Minifying HTML** - 使用`gulp-htmlmin`压缩HTML文件。 #### **Chapter 12: Minifying JS** - 使用`gulp-minify`压缩JavaScript代码。 #### **Chapter 13: Show errors with gulp-jslint** - 使用`gulp-jslint`检查JS代码错误。 #### **Chapter 14: Using Browserify** - 使用Browserify打包JavaScript文件，支持Vanilla JS和CoffeeScript。 #### **Chapter 15: Using file filters** - 使用文件过滤器对文件进行分类处理，如图片、JS和CSS文件。 --- ### **书籍信息** - **版本与许可**：本书是基于Stack Overflow文档的非官方免费电子书，内容由多位贡献者编写。 - **获取地址**：可从指定网址下载最新版本。 --- 这本书涵盖了Gulp的安装、配置、插件使用以及前端工作流程的自动化，适合开发者快速上手Gulp并提升开发效率。