node-minifier

What is node-minifier used for

a minify tools for web development

单元测试

Usage

npm install node-minifier

require node-minifer

var minifier = require('node-minifier');

JS压缩

• 使用UglifyJS2进行压缩
• 自动保留/*! ... */类型的注释
• 保留$, exports, require, define不被替换
• 可以自定义需要删除掉的方法调用

//js中有个全局方法名为onMessageFromSWF, 这个方法名称不能被mangle, 可以把它定义成保留字。
//console的所有方法默认被移除，Y.log, Kissy.log, S.log也可以自定义移除。
//不要在console.log调用中改变逻辑，避免产生side effect
var minifiedJS = minifier.minifyJS(jscontent, {
  expect: ['onMessageFromSWF'],
  banner: '在文件头部加入的内容',
  footer: '在文件尾部加入的内容',
  remove: ['console', 'Y.log', 'Kissy.log', 'S.log']
});


//默认将中文转成Unicode编码，可以通过下面的方式不转码
this.minifyJS(jscontent, {
  ascii_only: false
});

JSON压缩

minifyJSON方法可以对JSON代码进行压缩或格式化

//压缩
var minifiedJSON = minifier.minifyJSON(content);
//格式化
var formatJSON = minifier.minifyJSON(content, {indent: 2});

CSS压缩

var minifiedCSS = minifier.minifyCSS(content);

HTML压缩

var minifiedHTML = minifier.minifyHTML(content);

对CSS进行DataURI (支持webp格式)

var datauriCSS = minifier.datauri(content, {
  input: 'the-dir-of-css-file'
});

如果CSS中定义了图片以绝对路径作为访问地址，需要额外定义绝对路径

.btn{
  background: url(/img/btn.png);
}

var datauriCSS = minifier.datauri(content, {
  input: 'the-dir-of-css-file',
  workspace: '/var/www/home-website/static/img'
});

图片压缩

minifyImage方法会先尝试使用optimage方法压缩图片，如果失败，则降级到使用smushit方法压缩。

• optimage - 使用本地的压缩工具压缩。
• smushit - 使用smush.it API进行压缩。

minifier.minifyImage('logo.png', 'logo.min.png', function(e, data){
  if(e){
    console.log(e);
  }else{
    console.log(data.msg);
  }
});

压缩jpg - 使用jpegtran压缩jpg

minifier.optimage('input.jpg', 'output.jpg', function(err, data){
    console.log(data.saved);
});

压缩png - 使用optipng, pngcrush, pngquant, advpng压缩png

minifier.optimage('input.png', 'output.png', function(err, data){
    console.log(data.saved);
});

压缩gif - 使用gifsicle压缩gif

minifier.optimage('input.gif', 'output.gif', function(err, data){
    console.log(data.saved);
});

图片压缩统计

| 图片类型（数量） | 压缩前(byte) | smush.it压缩掉(byte) | pagespeed压缩掉 | optimage压缩掉(byte) | smush.it平均压缩% | optimage平均压缩% | pagespeed平均压缩% | smush.it总计压缩% | optimage总计压缩% | pagespeed总计压缩% |
| :--------- | :-------- | :--------- | :--------- | :--------- | :--------- | :--------- | :--------- | :--------- | :--------- | :--------- | |gif(7) | 862177 | 26780 | 17074 | 23327 | 22.49% | 14.28% | 6.14% | 3.11% | 2.71% | 1.98% | |png(21) | 108978 | 20544 | 14286 | 39633 | 46.73% | 54.48% | 38.29% | 18.85% | 36.37% | 13.11% | |jpg(30) | 2497858 | 156327 | 210469 | 210469 | 3.48% | 11.6% | 11.6% | 6.26% | 8.43% | 8.43% |

PS: smush.it和pagespeed的压缩服务会将gif格式转换成png格式再使用pngcrush工具压缩，所以压缩比总体可能会高于optimage方法。