-
5. 匹配规则（Match Files）
[TOC] 5. 匹配规则（Match Files） Gulp使用 node-glob 模块，借助 minimatch 库，将glob表达式(glob expressions)转换成JavaScript正则表达式(JavaScript RegExp) ，从而实现文件匹配功能。我们所看到的和都是其所提供的语法： 匹配文件路径中的0个或多个字符，但不会匹配路径... -
1. 安装 Node 和 gulp
[TOC] 安装 Node 和 gulp使用终端/命令行命令行终端(Mac)查看 node 版本号跳转目录WindowsMac退出运行状态npm 模块管理器安装 gulp 安装 Node 和 gulp gulp 是基于 node 实现的，那么我们就需要先安装 node。 Node 是一个基于Chrome JavaScript V8引擎建立的一个平台... -
2. 使用 gulp 压缩 JS
[TOC] 使用 gulp 压缩 JS规律gulp 代码 使用 gulp 压缩 JS 请务必理解如下章节后阅读此章节： 安装 Node 和 gulp 访问论坛获取帮助 压缩 js 代码可降低 js 文件大小，提高页面打开速度。在不利用 gulp 时我们需要通过各种工具手动完成压缩工作。 所有的 gulp 代码编写都可以看做是将规律转化为代码... -
3. 使用 gulp 压缩 CSS
[TOC] 使用 gulp 压缩 CSS规律gulp 代码 使用 gulp 压缩 CSS 请务必理解如下章节后阅读此章节： 安装 Node 和 gulp 使用 gulp 压缩 JS 访问论坛获取帮助 压缩 css 代码可降低 css 文件大小，提高页面打开速度。 我们接着将规律转换为 gulp 代码 规律 找到 css/ 目录下的所有 ... -
4. 使用 gulp 压缩图片
[TOC] 使用 gulp 压缩图片访问论坛获取帮助规律gulp 代码 使用 gulp 压缩图片 请务必理解如下章节后阅读此章节： 安装 Node 和 gulp 使用 gulp 压缩 JS 访问论坛获取帮助 压缩 图片文件可降低文件大小，提高图片加载速度。 找到规律转换为 gulp 代码 规律 找到 images/ 目录下的所有文件，压缩... -
5. 使用 gulp 编译 LESS
[TOC] 使用 gulp 编译 LESS安装基本用法LESS 代码和编译后的CSS代码 使用 gulp 编译 LESS 访问论坛获取帮助 请务必理解如下章节后阅读此章节： 安装 Node 和 gulp 使用 gulp 压缩 JS Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，... -
6. 使用 gulp 编译 Sass
[TOC] 使用 gulp 编译 Sassgulp-sass安装基本用法Sass 代码和编译后的 CSS 代码 使用 gulp 编译 Sass 无论是 node-sass 还是 ruby-sass 使用 npm 安装都非常的慢，甚至会装不上。及其不利于团队协作。建议使用 less 作为 css 预处理器。如果因为 less 不支持自定义函数选择用 s... -
7. 使用 gulp 构建一个项目
[TOC] 使用 gulp 构建一个项目package.json安装依赖设计目录结构让命令行输出的文字带颜色配置 JS 任务gulp-uglifygulp-watch-pathstream-combiner2gulp-sourcemaps配置 CSS 任务gulp-minify-cssgulp-autoprefixer配置 Less 任务配置 Sass 任... -
1. 安装 Node 和 gulp
[TOC] 安装 Node 和 gulp使用终端/命令行命令行终端(Mac)查看 node 版本号跳转目录WindowsMac退出运行状态npm 模块管理器安装 gulp 安装 Node 和 gulp gulp 是基于 node 实现的，那么我们就需要先安装 node。 Node 是一个基于Chrome JavaScript V8引擎建立的一个平台... -
3. 使用 gulp 压缩 CSS
[TOC] 使用 gulp 压缩 CSS规律gulp 代码 使用 gulp 压缩 CSS 请务必理解如下章节后阅读此章节： 安装 Node 和 gulp 使用 gulp 压缩 JS 访问论坛获取帮助 压缩 css 代码可降低 css 文件大小，提高页面打开速度。 我们接着将规律转换为 gulp 代码 规律 找到 css/ 目录下的所有 ...
