前提需要安装nodejs，依赖于npm的管理工具来安装必要的插件库 一. 全局安装Gulp npm install -g gulp 二、新建一个 gulpfile.js 文件 chapter2└── gulpfile.js 三、在 gulpfile.js 中编写代码 // 获取 ...

前端构建工具之gulp（一）「图片压缩」 已经很久没有写过博客了，现下终于事情少了，开始写博吧 今天网站要做一些优化：图片压缩，资源合并等 以前一直使用百度的FIS工具，但是FIS还没有提供图片压缩的相关插件，于是找到了腾讯的智图，而智图目前提供的插件只有gulp-imageisux 无奈 ...

html代码： ...

今天被问到前端怎么图片压缩，然后就一顿的查资源，终于知道前端怎么压缩图片。 关键： FileReader() toDataURL() 上面两个是关键方法，是html5后出现的好东西。 就是把图片转换成Base64编码，那样就可以不用理图片在哪了， 他就被你转换成编码 ...

越到最后啊 就越发现，真的很理解那句话 就是自己多学一点一点知识，就少一句问别人的东西 这是多么痛苦的领悟 今天需要压缩css跟js文件 然后不懂啊 就问别人啊 就问啊问啊 然后再上网了解啊了解啊 用gulp gulp是基于Node.js的前端构建工具 恩 确实是个好东西 ...

目前做代码压缩合并的工具有很多，诸如gulp，webpack，grunt等等，可以说这些项目构建工具的功能非常之强大：图片压缩、图片转base64、css和js的压缩以及合并，文件的md5重命名 ……。本人之前也是在项目中没具体使用过，闲来无事，查查资料，自己写了一个用gulp工具的小demo ...

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

一、图片上传前端压缩的现实意义 对于大尺寸图片的上传，在前端进行压缩除了省流量外，最大的意义是极大的提高了用户体验。 这种体验包括两方面： 由于上传图片尺寸比较小，因此上传速度会比较快，交互会更加流畅，同时大大降低了网络异常导致上传失败风险。 最最重要的体验改进点：省略了图片的再加 ...