gulp 的 js 压缩插件 —— gulp-lzmajs
博客专区 > andot 的博客 > 博客详情
gulp 的 js 压缩插件 —— gulp-lzmajs
andot 发表于2年前
gulp 的 js 压缩插件 —— gulp-lzmajs
  • 发表于 2年前
  • 阅读 237
  • 收藏 0
  • 点赞 0
  • 评论 1

330元/年抢阿里云香港云服务器,节省80%出海成本 >>>   

摘要: 用过 gulp 的用户可能都知道 gulp-concat 和 gulp-uglify 这两个插件,一个用于合并文件,另一个用于对 js 进行语法压缩。虽然通过文件合并和语法压缩可以有效的减小 js 文件的体积,但是对于比较大的 js 文件仍然还有很大的空间可以继续进行压缩。为了达到这个目的,我做了这个 gulp-lzmajs 插件,并在实际应用中将仅使用 gulp-concat 和 gulp-uglify 压缩之后有 60 KB左右的 js 文件通过 gulp-lzmajs 进一步压缩到只有 20KB 左右。对于更大的文件,当然效果会更好。

简介

用过 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

使用

var gulp   = require('gulp'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    lzmajs = require('gulp-lzmajs');

gulp.task('compress', function() {
  return gulp.src('lib/*.js')
             .pipe(concat('all.min.js'))
             .pipe(uglify())
             .pipe(lzmajs())
             .pipe(gulp.dest('dist'));
});

实际案例

hprose-html5

共有 人打赏支持
andot
粉丝 122
博文 8
码字总数 16729
作品 17
×
andot
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: