為什么要壓縮?
現在的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