最近需要对项目进行优化,主要是对js的压缩合并和css文件的压缩,查找相关资料之后发现gulp可以实现相关的功能，特此分享一下使用心得。 1.安装gulp gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs，安装nodejs。 完成nodejs安装之后，需要使用npm ...

gulp的使用命令简单，就几个，gulp的简单使用教材可以参考一点的gulp使用教材（http://www.ydcss.com/archives/18）。 下面就简单的介绍这些命令如何互相配合的完成前端的构建工作。 项目结构： 首先全局安装gulp，使用命令：npm install ...

在我们日常使用gulp进行js文件压缩合并的时候： gulp.task('copy-js',() => { gulp.src('./js ...

Gulp 基于 Node.js 的前端构建工具，可以实现前端代码的编译（sass、less）、压缩合并（JS、CSS）、测试；图片的压缩；已经添加 JS 和 CSS 版本号，防止浏览器缓存。 1. 安装 全局安装 进入项目跟目录，初始化 npm init ， 然后安装： 安装插件 ...

gulp是基于流的前端构件化工具。目前比较火的前端构建化工具还是挺多的，grunt gulp fis3等等。 这个鬼东西有什么用？请参考https://www.zhihu.com/question/35595198 为什么选择gulp,因为使用非常简单，学习成本低。以后想用别的工具再转去 ...

最近在学习钉钉（一个协作应用）桌面应用的前端源码时候，发现其js源码是用browserify做模块开发。于是想还原其源码的原本的目录结构，学习它的目录分类以及业务划分。 前言 用过browserify构建工具的应该清楚，在压缩合并后的代码的最前面，有处理模块依赖关系的代码 ...

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

在上一篇里成功安装了gulp到项目中，现在来测试一下gulp的合并与压缩功能 gulp入坑系列(1)——安装gulp（传送门）：http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的项目中写入，在根目录新建js文件夹，并在文件夹中新 ...