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

相关文章

Spring boot整合dubbo+zookeeper的详细过程

《Springboot整合dubbo+zookeeper的详细过程》本文讲解SpringBoot整合Dubbo与Zookeeper实现API、Provider、Consumer模式,包含依赖配置、... 目录Spring boot整合dubbo+zookeeper1.创建父工程2.父工程引入依赖3.创建ap

SpringBoot结合Docker进行容器化处理指南

《SpringBoot结合Docker进行容器化处理指南》在当今快速发展的软件工程领域,SpringBoot和Docker已经成为现代Java开发者的必备工具,本文将深入讲解如何将一个SpringBo... 目录前言一、为什么选择 Spring Bootjavascript + docker1. 快速部署与

Spring Boot spring-boot-maven-plugin 参数配置详解(最新推荐)

《SpringBootspring-boot-maven-plugin参数配置详解(最新推荐)》文章介绍了SpringBootMaven插件的5个核心目标(repackage、run、start... 目录一 spring-boot-maven-plugin 插件的5个Goals二 应用场景1 重新打包应用

SpringBoot+EasyExcel实现自定义复杂样式导入导出

《SpringBoot+EasyExcel实现自定义复杂样式导入导出》这篇文章主要为大家详细介绍了SpringBoot如何结果EasyExcel实现自定义复杂样式导入导出功能,文中的示例代码讲解详细,... 目录安装处理自定义导出复杂场景1、列不固定,动态列2、动态下拉3、自定义锁定行/列,添加密码4、合并

Spring Boot集成Druid实现数据源管理与监控的详细步骤

《SpringBoot集成Druid实现数据源管理与监控的详细步骤》本文介绍如何在SpringBoot项目中集成Druid数据库连接池,包括环境搭建、Maven依赖配置、SpringBoot配置文件... 目录1. 引言1.1 环境准备1.2 Druid介绍2. 配置Druid连接池3. 查看Druid监控

Java中读取YAML文件配置信息常见问题及解决方法

《Java中读取YAML文件配置信息常见问题及解决方法》:本文主要介绍Java中读取YAML文件配置信息常见问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录1 使用Spring Boot的@ConfigurationProperties2. 使用@Valu

创建Java keystore文件的完整指南及详细步骤

《创建Javakeystore文件的完整指南及详细步骤》本文详解Java中keystore的创建与配置,涵盖私钥管理、自签名与CA证书生成、SSL/TLS应用,强调安全存储及验证机制,确保通信加密和... 目录1. 秘密键(私钥)的理解与管理私钥的定义与重要性私钥的管理策略私钥的生成与存储2. 证书的创建与

浅析Spring如何控制Bean的加载顺序

《浅析Spring如何控制Bean的加载顺序》在大多数情况下,我们不需要手动控制Bean的加载顺序,因为Spring的IoC容器足够智能,但在某些特殊场景下,这种隐式的依赖关系可能不存在,下面我们就来... 目录核心原则:依赖驱动加载手动控制 Bean 加载顺序的方法方法 1:使用@DependsOn(最直

SpringBoot中如何使用Assert进行断言校验

《SpringBoot中如何使用Assert进行断言校验》Java提供了内置的assert机制,而Spring框架也提供了更强大的Assert工具类来帮助开发者进行参数校验和状态检查,下... 目录前言一、Java 原生assert简介1.1 使用方式1.2 示例代码1.3 优缺点分析二、Spring Fr

java使用protobuf-maven-plugin的插件编译proto文件详解

《java使用protobuf-maven-plugin的插件编译proto文件详解》:本文主要介绍java使用protobuf-maven-plugin的插件编译proto文件,具有很好的参考价... 目录protobuf文件作为数据传输和存储的协议主要介绍在Java使用maven编译proto文件的插件