java js css 压缩工具_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文件

还是不理解？

运行步骤

1、cd cd 下载目录/YUICompressorDemo-master/CompressorProject

2、rpm i

3、cd 下载目录/YUICompressorDemo-master/CompressorProject/ih_script

4、runkoa ih_compressor.js