摘要: 本章将介绍 gulp-watch-path stream-combiner2 gulp-sourcemaps gulp-autoprefixer 您还可以直接学习以下模块: 安装 Node 和 gulp 使用 gulp 压缩 JS 使用 gulp 压缩 CSS 使用 gulp 压缩图片 使用 gul 阅读全文
posted @ 2017-07-07 12:47 与阳光握手言和 阅读(1034) 评论(0) 推荐(0) 编辑
摘要: 请务必理解如下章节后阅读此章节: 压缩 图片文件可降低文件大小,提高图片加载速度。 找到规律转换为 gulp 代码 规律 找到 images/ 目录下的所有文件,压缩它们,将压缩后的文件存放在 dist/images/ 目录下。 gulp 代码 一、安装 gulp-imagemin 模块 提示:你需 阅读全文
posted @ 2017-07-07 12:47 与阳光握手言和 阅读(832) 评论(0) 推荐(0) 编辑
摘要: 请务必理解如下章节后阅读此章节: Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护。 安装 基本用法 // 获取 gulp var gulp = require('gulp') // 获取 gulp-less 模块 v 阅读全文
posted @ 2017-07-07 12:47 与阳光握手言和 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 无论是 node-sass 还是 ruby-sass 使用 npm 安装都非常的慢,甚至会装不上。及其不利于团队协作。建议使用 less 作为 css 预处理器。 如果因为 less 不支持自定义函数选择用 sass 可以使用 less-plugin-functions 让 less 支持自定义函数 阅读全文
posted @ 2017-07-07 12:47 与阳光握手言和 阅读(399) 评论(0) 推荐(0) 编辑
摘要: 请务必理解如下章节后阅读此章节: 压缩 css 代码可降低 css 文件大小,提高页面打开速度。 我们接着将规律转换为 gulp 代码 规律 找到 css/ 目录下的所有 css 文件,压缩它们,将压缩后的文件存放在 dist/css/ 目录下。 gulp 代码 当熟悉 使用 gulp 压缩 JS  阅读全文
posted @ 2017-07-07 12:46 与阳光握手言和 阅读(605) 评论(0) 推荐(0) 编辑
摘要: 使用 gulp 压缩 JS 请务必理解如下章节后阅读此章节: 压缩 js 代码可降低 js 文件大小,提高页面打开速度。在不利用 gulp 时我们需要通过各种工具手动完成压缩工作。 所有的 gulp 代码编写都可以看做是将规律转化为代码的过程。 规律 找到 js/ 目录下的所有 js 文件,压缩它们 阅读全文
posted @ 2017-07-07 12:40 与阳光握手言和 阅读(1053) 评论(0) 推荐(0) 编辑
摘要: gulp 是基于 node 实现 Web 前端自动化开发的工具,利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”,比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律,并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 **因为 Node 的全 阅读全文
posted @ 2017-07-07 12:39 与阳光握手言和 阅读(209) 评论(0) 推荐(0) 编辑
摘要: gulp 是基于 node 实现的,那么我们就需要先安装 node。 Node 是一个基于Chrome JavaScript V8引擎建立的一个平台,可以利用它实现 Web服务,做类似PHP的事。 打开 https://nodejs.org/ 点击绿色的 INSTALL 按钮下载安装 node。 使 阅读全文
posted @ 2017-07-07 11:09 与阳光握手言和 阅读(585) 评论(0) 推荐(0) 编辑