完成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()样式表?
缩小网址。
缓存目录。
您好,合并js文件目前有两种方法:
1,手动或者借助工具将多个js文件合并到一个文件,一般合并后进行压缩,去掉注释和多余的空格和换行。
2,采用先进的服务器技术,比如淘宝的服务器可以用一个连接请求多个js文件,如图:
目前tengine可以支持这种模式!