javascript和css文件的压缩(YUI Compressor)

为什么要压缩？

---

现在的Web项目总是离不开大量JavaScript和CSS，而文件的体积也越来越大，也越来越影响页面的感知性能（Perceived Performance）。

YUI Compressor介绍

---

Yahoo出品的YUI Compressor是一个用Java编写，帮你最小化JavaScript文件和CSS文件的命令行工具。很安全，而且比其他的工具的压缩比率更高。

YUI Compressor 使用

---

You can require compressor in a Node.js package and compress files and strings in async. It still uses Java under the hood

你可以在Node.js工程中引入compressor，然后异步js打包和压缩文件和字符串。(在底层它仍然使用Java)

npm i yuicompressor

var compressor = require('yuicompressor');
var fs = require( "fs" );
var path = require('path');

compressor.compress(path.resolve('./bootstrap.js'), {
    // defaults to 'utf8' 被压缩文件编码
    charset: 'utf8',
    // defaults to 'js'    被压缩文件类型
    type: 'js', 
    //注释nomunge 选项，否则 YUI Compressor 将自动缩短 JavaScript 文件中的变量名
    nomunge: true,
    //多长内容换行
    'line-break': 80
}, async function(err, data, extra) {
    //err  当不为null 压缩出现错误
    console.log(err);
    //data  压缩完的字符串
    if(!err){
        let result = await ih_writeFile('bootstrap.min.js', data);
        if(result){
          console.log('压缩成功啦');
        }
    }
    //extra 警告消息
    console.log(extra);
});

function ih_writeFile(fileName, data){
  return new Promise(function (resolve, reject) {
      fs.writeFile(path.resolve('./' + fileName), data, function(err){
          if (err){
             console.log(err);
             reject (false);
          }
          else {
            resolve (true);
          }
      });
  });
}

运行成功生成bootstrap.min.js文件

还是不理解？

---

• 请下载源码（CompressorProject）
  https://github.com/yangxiaopingios/YUICompressorDemo

• 运行步骤
  1、cd cd 下载目录/YUICompressorDemo-master/CompressorProject
  2、rpm i
  3、cd 下载目录/YUICompressorDemo-master/CompressorProject/ih_script
  4、runkoa ih_compressor.js