gulp 的 js 压缩插件 —— gulp-lzmajs

简介
 
用过 gulp 的用户可能都知道 gulp-concat 和 gulp-uglify 这两个插件,一个用于合并文件,另一个用于对 js 进行语法压缩。虽然通过文件合并和语法压缩可以有效的减小 js 文件的体积,但是对于比较大的 js 文件仍然还有很大的空间可以继续进行压缩。为了达到这个目的,我做了这个 gulp-lzmajs 插件,并在实际应用中将仅使用 gulp-concat 和 gulp-uglify  压缩之后有 60 KB左右的 js 文件通过 gulp-lzmajs 进一步压缩到只有 20KB 左右。对于更大的文件,当然效果会更好。
 
安装
 
安装方法非常简单,可以直接使用 npm 方式添加到你的开发环境中:
 
npm install --save-dev gulp-lzmajs
 
使用
 
JavaScript代码
 
  1. var gulp   = require('gulp'),  
  2.     concat = require('gulp-concat'),  
  3.     uglify = require('gulp-uglify'),  
  4.     lzmajs = require('gulp-lzmajs');  
  5.   
  6. gulp.task('compress'function() {  
  7.   return gulp.src('lib/*.js')  
  8.              .pipe(concat('all.min.js'))  
  9.              .pipe(uglify())  
  10.              .pipe(lzmajs())  
  11.              .pipe(gulp.dest('dist'));  
  12. });  
 
实际案例
 
https://github.com/hprose/hprose-html5

标签: gulp, lzmajs, hprose, html5, javascript

« 上一篇 | 下一篇 »

只显示10条记录相关文章

发表评论

评论 (必须):