本文是gulp的入门级介绍，主要内容包括什么是gulp，gulp与grunt有什么区别，gulp可以解决grunt存在的哪些问题，以及一个简单的说明例子。 什么是gulp gulp的官方定义非常简洁：基于文件流的构建系统。这里强调了 streaming，也就是gulp与grunt的在构建流程 ...

一、gulp中的图片压缩。 　　最初使用gulp-imagemin做测试。明明配置没问题，但是压缩的时候就会报错，具体原因在哪儿没找到，有可能是因为插件版本或者node版本的问题。于是改用第二个插件：gulp-tinypng-nokey 二、关于各个插件的对比 　　1、需要的插件包：npm ...

压缩 css 代码可降低 css 文件大小，提高页面打开速度。 规律转换为 gulp 代码 找到 css/ 目录下的所有 css 文件，压缩它们，将压缩后的文件存放在 dist/css/ 目录下。 gulp 代码 一、安装 gulp-minify-css 模块 提示：你需要 ...

Gulp简介 Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js是基于 Node.js构建的,利用Node.js流的威力,你可以快速构建项目。 安装Gulp 1、全局安装Gulp: 2、作为项目的开发依赖 ...

gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 使用 ...

压缩图片代码可降低图片文件大小，提高页面打开速度。 规律转换为 gulp 代码 找到 images/ 目录下的所有image文件，压缩它们，将压缩后的文件存放在 dist/images/ 目录下。 gulp 代码 一、安装gulp-imagemin 模块 提示：你需要使用命令行的 cd ...

之前挖了个坑，准备写篇gulp插件编写入门的科普文，之后迟迟没有动笔，因为不知道该肿么讲清楚Stream这货，毕竟，gulp插件的实现不像grunt插件的实现那么直观。 好吧，于是决定单刀直入了。文中插件示例可在这里找到：https://github.com/chyingp ...

一、gulp简介 1.gulp是什么？ gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，不仅可以很愉快的编写代码，而且大大提高我们的工作效率 ...