为什么要压缩?
现在的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);
}
});
});
}
还是不理解?
请下载源码(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