java 压缩js css_yui压缩JS和CSS文件

2023-10-18 12:10
文章标签 java css js 压缩 frontend yui

本文主要是介绍java 压缩js css_yui压缩JS和CSS文件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

CSS和JS文件经常需要压缩,比如我们看到的XX.min.js是经过压缩的JS。

压缩文件第一个是可以减小文件大小,第二个是对于JS文件,默认会去掉所有的注释,而且会去掉所有的分号,也会将我们的一些参数替换为一些简单的a,b之类的变量,从界面看起来非常难阅读,起到加密作用。

常见的有好多压缩工具,这里使用yui进行压缩,首先需要下载yui的包:  yuicompressor-2.4.7.jar  ,可以到我的服务器下载:http://qiaoliqiang.cn/fileDown/yuicompressor-2.4.7.zip

1.查看yui使用帮助:

G:\>java -jar yuicompressor-2.4.7.jar

Usage: java-jar yuicompressor-x.y.z.jar [options] [input file]

Global Options-h, --help Displays thisinformation--type Specifies the type of the input file--charset Read the input file using

--line-break Insert a line breakafter the specified column number-v, --verbose Display informational messages and warnings-o Place the output into . Defaults to stdout.

Multiple files can be processed using the following syntax:

java-jar yuicompressor.jar -o '.css$:-min.css' *.css

java-jar yuicompressor.jar -o '.js$:-min.js' *.js

JavaScript Options--nomunge Minify only, donot obfuscate--preserve-semi Preserve all semicolons--disable-optimizations Disable all micro optimizations

If no input file is specified, it defaults to stdin. Inthis case, the 'type'option is required. Otherwise, the'type' option is required only ifthe input

file extension is neither'js' nor 'css'.

2.压缩JS:

默认会去掉所有的注释,而且会去掉所有的分号,也会将我们的一些参数替换为一些简单的a,b之类的变量,起到加密作用。

JS内容:

/**

* 验证密码和账户*/

functionvalidate2(username, password) {if (username != "zhangsan") {

alert("userName is error:" +c)

}if (password != "123456") {

alert("password is error:" +d)

}

};

源文件大小:220字节

进行压缩:

G:\>java -jar yuicompressor-2.4.7.jar index.js -v -o index-min.js --charset UTF-8

参数解释:

index.js 需要压缩的源文件

-v -o 显示信息与指定输出文件名字

index-min.js 压缩后的文件

--charset 指定编码格式

压缩后文件内容和大小:(被压缩成一行,注释被去掉,分号也被去掉)

function validate2(b,a){if(b!="zhangsan"){alert("userName is error:"+c)}if(a!="123456"){alert("password is error:"+d)}};

大小为:120字节

我们也可以保留分号:    --preserve-semi 参数

G:\>java -jar yuicompressor-2.4.7.jar index.js -v --preserve-semi -o index-min.js --charset UTF-8[WARNING] The symbol c is declared but is apparently never used.

This code can probably be writtenina more compact way.

username!="zhangsan"){alert("userName is error:"+ ---> c

[WARNING] The symbol d is declared but is apparently never used.

This code can probably be writtenina more compact way.

password!="123456"){alert("password is error:"+ ---> d

压缩后内容:

function validate2(b,a){if(b!="zhangsan"){alert("userName is error:"+c);}if(a!="123456"){alert("password is error:"+d);}}

3.压缩CSS

G:\>java -jar yuicompressor-2.4.7.jar index.css -v -o index1-min.css --charset UTF-8

也可以写成bat脚本进行压缩JS和css,此处就不写了。

接下来研究Java中调用yui压缩JS和css。原理是Java调用RuntTime执行cmd中的一些命令,只是写了个for循环遍历文件夹下main的css和js文件进行遍历。同样依赖上面的jar包:

工具类如下:

packagezdComputerTest;importjava.io.File;importjava.io.IOException;importjava.util.ArrayList;importjava.util.Arrays;importjava.util.Date;importjava.util.List;/*** 通过yuicompressor压缩JS|CSS文件工具类

*@authorAdministrator

**/

public classCompressUtils {private static final String encoding = "utf-8";private static final String[] suffixArray = { ".js", ".css"};public static voidmain(String[] args) {

String yuiPath= "G:/yuicompressor-2.4.7.jar";

String filePath= "G:/js";

compressFile(yuiPath, filePath);

}/*** 压缩指定文件夹下所有的js/css

*

*@paramyuiPath

* yuicompressor-2.4.7.jar文件路径

*@paramfilePath

* 要压缩的文件夹路径*/

public static voidcompressFile(String yuiPath, String filePath) {

File file= newFile(filePath);

List commondList = new ArrayList();

initCommondList(yuiPath, commondList, file);

excuteCompress(commondList);

}/*** 执行压缩命令

*@paramcommondList*/

private static void excuteCompress(ListcommondList) {

Runtime runTime=Runtime.getRuntime();

Date startTime= newDate();

Long count= 0L;for(String cmd : commondList) {try{

System.out.println(cmd);

runTime.exec(cmd);

count++;

}catch(IOException e) {

e.printStackTrace();

}

}

Date endTime= newDate();

Long cost= endTime.getTime() -startTime.getTime();

System.out.println("压缩完成,耗时:" + cost + "ms,共压缩文件个数:" +count);

}/*** 初始化压缩命令

*@paramyuiPath

*@paramcommondList

*@paramfile*/

private static voidinitCommondList(String yuiPath,

ListcommondList, File file) {if(file.isDirectory()) {

File[] files=file.listFiles();//如果某个文件夹是空文件夹,则跳过

if (files == null) {return;

}for(File f : files) {

initCommondList(yuiPath, commondList, f);

}

}else{

String fileName=file.getName();

String suffix= fileName.substring(fileName.lastIndexOf("."),

fileName.length());

List suffixList =Arrays.asList(suffixArray);if(suffixList.contains(suffix)&& !fileName.endsWith("-min" +suffix)) {

StringBuffer sb= newStringBuffer();

sb.append("java -jar ");

sb.append(yuiPath);

sb.append(" --type ");

sb.append(suffix.substring(suffix.indexOf(".") + 1));

sb.append(" --charset ");

sb.append(encoding).append(" ");

sb.append(file.getPath()).append(" ");

sb.append("-o").append(" ");

sb.append(file.getPath().replace(suffix,"-min" +suffix));

commondList.add(sb.toString());

}

}

}

}

4.Ant整合yui压缩JS的脚本

项目结构:

e4101cd3461b04f82ceb3d7a3706485c.png

build.xml脚本:(此脚本可以编译项目中的src下的文件和压缩JS和CSS)

build.properties

tomcatPath=E:/tomcat/apache-tomcat-7.0.72jarName=commons-exam-code

jarNumber=1.0.1examJsRootPath=${basedir}/WebContent/js

这篇关于java 压缩js css_yui压缩JS和CSS文件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/232496

相关文章

Java实现字节字符转bcd编码

《Java实现字节字符转bcd编码》BCD是一种将十进制数字编码为二进制的表示方式,常用于数字显示和存储,本文将介绍如何在Java中实现字节字符转BCD码的过程,需要的小伙伴可以了解下... 目录前言BCD码是什么Java实现字节转bcd编码方法补充总结前言BCD码(Binary-Coded Decima

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

SpringBoot全局域名替换的实现

《SpringBoot全局域名替换的实现》本文主要介绍了SpringBoot全局域名替换的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录 项目结构⚙️ 配置文件application.yml️ 配置类AppProperties.Ja

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

JavaScript中的高级调试方法全攻略指南

《JavaScript中的高级调试方法全攻略指南》什么是高级JavaScript调试技巧,它比console.log有何优势,如何使用断点调试定位问题,通过本文,我们将深入解答这些问题,带您从理论到实... 目录观点与案例结合观点1观点2观点3观点4观点5高级调试技巧详解实战案例断点调试:定位变量错误性能分

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Java使用jar命令配置服务器端口的完整指南

《Java使用jar命令配置服务器端口的完整指南》本文将详细介绍如何使用java-jar命令启动应用,并重点讲解如何配置服务器端口,同时提供一个实用的Web工具来简化这一过程,希望对大家有所帮助... 目录1. Java Jar文件简介1.1 什么是Jar文件1.2 创建可执行Jar文件2. 使用java

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

SpringBoot实现不同接口指定上传文件大小的具体步骤

《SpringBoot实现不同接口指定上传文件大小的具体步骤》:本文主要介绍在SpringBoot中通过自定义注解、AOP拦截和配置文件实现不同接口上传文件大小限制的方法,强调需设置全局阈值远大于... 目录一  springboot实现不同接口指定文件大小1.1 思路说明1.2 工程启动说明二 具体实施2

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T