完成nodejs安装之后，需要使用npm安装gulp。
先安装全局gulp
npm install -g gulp然后在项目根目录下安装本地gulp。
此时项目根目录下会多出下面这个文件夹 node_modules
好的，现在gulp已经安装完成了，但是gulp本身不提供js压缩合并等功能，需要使用gulp的相关插件。目前只需要完成js压缩合并和css文件压缩的功能，先安装相应的插件：
1.css压缩 gulp-minify-css
2.js压缩 gulp-uglify
3.js合并 gulp-concat
由于压缩之前需要对js代码进行代码检测，压缩完成之后需要加上min的后缀，我们还需要安装另外两个插件：
介绍几个JS和CSS压缩合并插件由于添加各种功能的代码和wordpress插件，会导致JS和CSS增多，影响了wordpress博客的加载速度。虽然可以用代码来对JS和CSS进行压缩合并，可是对初学者不是那么简单，很容易出错。因此介绍几个 JS 和CSS 压缩合并插件，方便初学者进行优化。
Better WordPress Minify
Better WordPress Minify 是将Minify引擎集成到wordpress博客上，一旦被启用，它将合并和压缩所有的 JS 和 CSS 文件，从而降低网页的加载时间。
Better WordPress Minify插件使用很简单。安装并启用插件后，会自动压缩合并你的JS和CSS文件。当然你可以在设置页面中，进行如下更细致的设置。
删除不必要的空格与空行。
合并多个CSS或JavaScript文件。
自动缩小的JS文件。
自动缩小CSS文件。
并提供gzip压缩。
缩小代码bloginfo（）样式表？
缩小网址。
缓存目录。
简单来说是通过插件实现，当然现在淘宝出的服务器（nginx修改版）自带有这个功能。 通过一个url地址里写上每个js或者css 路径，然后插件通过路径将js/css 进行gzip形式压缩，最后组合成一个文件输出。你能看到的输出格式是php后缀，但是输出文件的表头是js/CSS 这样浏览器也就当是js/css来解析了。
合并代码工具我推荐minify （PHP），这个比较早，也很简单。
压缩的话网上有很多地方都提供在线压缩
简单说说 JS压缩：1. 长变量变量名 压缩为短变量名，去空格，去注释
2. 可以将 new Array() 改写为 []， new Object 改写为{} 云云
3. 使用eval， 关键词等等 的复杂逻辑 也可以压缩
这样处理过后，如果觉得还是太大了，还可以采用服务端的gzip压缩传输
最后我还想说一句，除非是那种文件以架构模块的形式大量存在，经过不同人手，没办法要这样合并在一起。反倒是有害无益。一般网站这样的合并压缩完全没必要，虽然减少了服务器请求量但是加大了初次加载量，你想一个页面一开始就加载一大堆没用的东西不是浪费吗？有人说第一次加载了缓存起来 后面的页面打开就更快了。我想说这种强盗逻辑不适合所有情况，他严重影响了网站初次打开速度，网站初次打开速度对于我这种搞电商的人来说 是致命的。用户打开网站每慢一秒一年就会损失很大一笔。 我们应该系统的有逻辑关联的来组织js/css的结构和 相互关联关系。写一个好的js/css 架构胜过你用任何插件工具优化。
