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

java js css 压缩工具_javascript和css文件的压缩(YUI Compressor)相关推荐

Java 中调用 Apache API 实现图片文件的压缩与解压实例
< Java 中调用 Apache API 实现图片文件的压缩与解压 > 为什么不直接使用 Java JDK 中自带的 API 呢?必须使用 Apache API 实现文件的压缩与解 ...
java解压zip包_Java中文件的压缩与解压,每天进步一点点系列
使用java.util.zip包,实现文件的压缩与解压,并提供了下载方法注意无论是调用createNewFile()创建文件,还是在创建输出流时由输出流负责创建文件,都必须保证父路径已经存在,否则 ...
java js 执行效率_JavaScript提高加载和执行效率的方法
前言无论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成.JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长.浏览器在下载 ...
java js 截取字符串_JavaScript:在JS中截取字符串的方法
这篇主要说一说截取字符串的方法,用于帮助自己缕清方法的作用,参数的意义,返回值,是否对于原来的字符串进行了操作等. 在javascript中,常见的截取字符串的方法有slice().substring ...
java zip ant 密码_java对 zip文件的压缩和解压(ant解决中文乱码)
/***@name 解压zip格式压缩包 *@description 相关说明 *@paramsourceZip 源文件 *@paramdestDir 目标文件地址 *@throwsException ...
JAVA中解决Filter过滤掉css,js,图片文件等问题
JAVA中解决Filter过滤掉css,js,图片文件等问题参考文章: (1)JAVA中解决Filter过滤掉css,js,图片文件等问题 (2)https://www.cnblogs.com/er ...
java js获取css方法_5种JavaScript和CSS交互的方法
原标题:5种JavaScript和CSS交互的方法随着浏览器不断的升级改进,CSS和Java之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合 ...
linux css压缩工具下载,JS和CSS的压缩混淆工具(JsCompressor)下载 v3.0
JsCompressor是一款web前端人员必备利器,它主要用来压缩混淆JS(Javascript)与CSS,基于YUI Compressor,目的是方便不熟悉Java或者不喜欢命令行方式进行压缩的W ...
16.JAVA之前端，HTML，CSS(选择器，盒子模型)，JS，JQuery，Json，ajax
一.Web前端技术栈 1.HTML超文本标记语言实现页面展现,形成静态网页 2.CSS层叠样式表实现页面美化 3.JS javascript脚本语言实现 ...

java js css 压缩工具_javascript和css文件的压缩(YUI Compressor)

java js css 压缩工具_javascript和css文件的压缩(YUI Compressor)相关推荐

最新文章

热门文章