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

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

---恢复内容开始--- 今天我么继续压缩,但是今天的压缩和之前的不同了!可以说是第二种方法吧! 今天用Gulp来压缩HTML和CSS! 1.首先我们先来安装GUlp:先安装全局gulp 2.然后是开发的依赖: 然后下载你需要的那个任务插件:下面是下载htmlmin的因为之前 ...

一、安装 1.安装gulp 2.检查gulp 版本 3.在项目文件夹下安装gulp 二、压缩JS 1.安装gulp-uglify模块 2.在项目根目录创建gulpfile.js文件 3.在gulpfile.js文件中写入代码 // 获取 gulp ...

gulp 压缩css 一、安装 gulp-minify-css 模块 提示：你需要使用命令行的 cd 切换到对应目录后进行安装操作。 在命令行输入 npm install gulp-minify-css 安装成功后你会看到如下信息：(安装时间可能会比较长取决于网络) D:\wamp ...

() { // 将你的默认的任务代码放在这}); npm install gulp-minify-css g ...

合并css中的图片 css代码 在路劲后面加 ?__spriter 标识要进行合并 gulp-css-spriter 默认会合并CSS中的所有图片，要按需合并则需要修改 node_modules\gulp-css-spriter\lib ...

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