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 Stream流与使用操作指南

《JavaStream流与使用操作指南》Stream不是数据结构,而是一种高级的数据处理工具,允许你以声明式的方式处理数据集合,类似于SQL语句操作数据库,本文给大家介绍JavaStream流与使用... 目录一、什么是stream流二、创建stream流1.单列集合创建stream流2.双列集合创建str

springboot集成easypoi导出word换行处理过程

《springboot集成easypoi导出word换行处理过程》SpringBoot集成Easypoi导出Word时,换行符n失效显示为空格,解决方法包括生成段落或替换模板中n为回车,同时需确... 目录项目场景问题描述解决方案第一种:生成段落的方式第二种:替换模板的情况,换行符替换成回车总结项目场景s

SpringBoot集成redisson实现延时队列教程

《SpringBoot集成redisson实现延时队列教程》文章介绍了使用Redisson实现延迟队列的完整步骤,包括依赖导入、Redis配置、工具类封装、业务枚举定义、执行器实现、Bean创建、消费... 目录1、先给项目导入Redisson依赖2、配置redis3、创建 RedissonConfig 配

SpringBoot中@Value注入静态变量方式

《SpringBoot中@Value注入静态变量方式》SpringBoot中静态变量无法直接用@Value注入,需通过setter方法,@Value(${})从属性文件获取值,@Value(#{})用... 目录项目场景解决方案注解说明1、@Value("${}")使用示例2、@Value("#{}"php

SpringBoot分段处理List集合多线程批量插入数据方式

《SpringBoot分段处理List集合多线程批量插入数据方式》文章介绍如何处理大数据量List批量插入数据库的优化方案:通过拆分List并分配独立线程处理,结合Spring线程池与异步方法提升效率... 目录项目场景解决方案1.实体类2.Mapper3.spring容器注入线程池bejsan对象4.创建

线上Java OOM问题定位与解决方案超详细解析

《线上JavaOOM问题定位与解决方案超详细解析》OOM是JVM抛出的错误,表示内存分配失败,:本文主要介绍线上JavaOOM问题定位与解决方案的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录一、OOM问题核心认知1.1 OOM定义与技术定位1.2 OOM常见类型及技术特征二、OOM问题定位工具

基于 Cursor 开发 Spring Boot 项目详细攻略

《基于Cursor开发SpringBoot项目详细攻略》Cursor是集成GPT4、Claude3.5等LLM的VSCode类AI编程工具,支持SpringBoot项目开发全流程,涵盖环境配... 目录cursor是什么?基于 Cursor 开发 Spring Boot 项目完整指南1. 环境准备2. 创建

Spring Security简介、使用与最佳实践

《SpringSecurity简介、使用与最佳实践》SpringSecurity是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架,本文给大家介绍SpringSec... 目录一、如何理解 Spring Security?—— 核心思想二、如何在 Java 项目中使用?——

SpringBoot+RustFS 实现文件切片极速上传的实例代码

《SpringBoot+RustFS实现文件切片极速上传的实例代码》本文介绍利用SpringBoot和RustFS构建高性能文件切片上传系统,实现大文件秒传、断点续传和分片上传等功能,具有一定的参考... 目录一、为什么选择 RustFS + SpringBoot?二、环境准备与部署2.1 安装 RustF

springboot中使用okhttp3的小结

《springboot中使用okhttp3的小结》OkHttp3是一个JavaHTTP客户端,可以处理各种请求类型,比如GET、POST、PUT等,并且支持高效的HTTP连接池、请求和响应缓存、以及异... 在 Spring Boot 项目中使用 OkHttp3 进行 HTTP 请求是一个高效且流行的方式。