使用yuicompressor-maven-plugin合并压缩js和css

最新推荐文章于 2024-06-23 09:40:14 发布
最新推荐文章于 2024-06-23 09:40:14 发布
阅读量3.5k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiashan17/article/details/24290235
版权

1.声明 plugin.版本号这个可以不声明,不声明的时候用最新的, <executions>这个节点还会报错，但是可以忽略，不影响build war包

<groupId>net.alchim31.maven</groupId>
<artifactId>yuicompressor-maven-plugin</artifactId>
<version>1.4.0</version>
<executions>
<execution>
<goals>
<goal>compress</goal>
</goals>
</execution>
</executions>


2 定义编译事务。removeIncluded 是否要删除原有的文件，是否插入新行insertNewLine。编译文件路径inputDir，这个一定不要写错路径，不然无法编译。

编译输入文件 output ，定义合并压缩后的文件。 要编译的文件includes/include，如果js有依赖，一定要按照依赖关系先后放入队列。还有一个exclude标示布匹的，就是不编译的，一般是和include使用匹配符号来使用，如;<include>**/*.js</include> 匹配所有编译目录的js和子目录的js文件,<include>**/*-min.js</include>不编译-min后缀的文件。

如果输出文件未定义，会加上默认的-min后缀生成一个的压缩文件。

<aggregation>
<removeIncluded>true</removeIncluded>
<insertNewLine>true</insertNewLine>
<inputDir>${project.build.directory}/${project.build.finalName}/resources/static/js/xiu</inputDir>
<output>${project.build.directory}/${project.build.finalName}/build/js/publicHeadJs.min.js</output>
<includes>
<include>jquery-1.7.2.js</include>
<include>jquery.lazyload.js</include>
<include>jqueryCookie.js</include>
<include>autocomplete.js</include>
<include>json.js</include>
<include>common.setting.js</include>
<include>public.login.js</include>
<include>click_xiu.js</include>
<include>util.xiu.js</include>
<include>click_xiu_pass_sid.js</include>
<include>util.js</include>
</includes>
</aggregation>


3.定义多个压缩文件<aggregation>...</aggregation><aggregation>...</aggregation>

<aggregation>
<removeIncluded>true</removeIncluded>
<insertNewLine>true</insertNewLine>
<inputDir>${project.build.directory}/${project.build.finalName}/resources/static/js/xiu</inputDir>
<output>${project.build.directory}/${project.build.finalName}/build/js/publicHeadJs.min.js</output>
<includes>
<include>jquery-1.7.2.js</include>
<include>jquery.lazyload.js</include>
<include>jqueryCookie.js</include>
<include>autocomplete.js</include>
<include>json.js</include>
<include>common.setting.js</include>
<include>public.login.js</include>
<include>click_xiu.js</include>
<include>util.xiu.js</include>
<include>click_xiu_pass_sid.js</include>
<include>util.js</include>
</includes>
</aggregation>
<aggregation>
<insertNewLine>true</insertNewLine>
<inputDir>${project.build.directory}/${project.build.finalName}/resources/static/js/xiu</inputDir>  
<output>${project.build.directory}/${project.build.finalName}/build/js/publicHeadApp.min.js</output>
<includes>
<include>public.head.app.js</include>
</includes>
</aggregation>
<aggregation>
<insertNewLine>true</insertNewLine>
<inputDir>${project.build.directory}/${project.build.finalName}/resources/static/css/default</inputDir>  
<output>${project.build.directory}/${project.build.finalName}/build/css/publicHead.min.css</output>
<includes>
<include>hugoboss.css</include>
<include>product.css</include>
<include>promotions.css</include>
<include>publicHead.css</include>
</includes>
</aggregation>


最终文件

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<groupId>com.rain</groupId>
	<artifactId>testweb_mvn</artifactId>
	<packaging>war</packaging>
	<version>0.0.1-SNAPSHOT</version>
	<name>testweb_mvn Maven Webapp</name>
	<url>http://maven.apache.org</url>

	<properties>
		<java.version>1.6</java.version>
		<maven.compiler.version>2.3.2</maven.compiler.version>
		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
	</properties>

	<dependencies>
		<dependency>
			<groupId>junit</groupId>
			<artifactId>junit</artifactId>
			<version>3.8.1</version>
			<scope>test</scope>
		</dependency>
	</dependencies>

	<pluginRepositories>
		<pluginRepository>
			<name>oss.sonatype.org</name>
			<id>oss.sonatype.org</id>
			<url>http://oss.sonatype.org/content/groups/public</url>
		</pluginRepository>
	</pluginRepositories>

	<build>
		<finalName>testweb_mvn</finalName>
		<plugins>
			<plugin>
				<groupId>net.alchim31.maven</groupId>
				<artifactId>yuicompressor-maven-plugin</artifactId>
				<version>1.4.0</version>
				<executions>
					<execution>
						<goals>
							<goal>compress</goal>
						</goals>
					</execution>
				</executions>
				<configuration>
					<jswarn>false</jswarn>
					<nosuffix>true</nosuffix>
					<aggregations>
						<aggregation>
							<removeIncluded>true</removeIncluded>
							<insertNewLine>true</insertNewLine>
							<inputDir>${project.build.directory}/${project.build.finalName}/resources/static/js/xiu</inputDir>
							<output>${project.build.directory}/${project.build.finalName}/build/js/publicHeadJs.min.js</output>
							<includes>
								<include>jquery-1.7.2.js</include>
								<include>jquery.lazyload.js</include>
								<include>jqueryCookie.js</include>
								<include>autocomplete.js</include>
								<include>json.js</include>
								<include>common.setting.js</include>
								<include>public.login.js</include>
								<include>click_xiu.js</include>
								<include>util.xiu.js</include>
								<include>click_xiu_pass_sid.js</include>
								<include>util.js</include>
							</includes>
						</aggregation>
						<aggregation>
							<insertNewLine>true</insertNewLine>
							<inputDir>${project.build.directory}/${project.build.finalName}/resources/static/js/xiu</inputDir>  
							<output>${project.build.directory}/${project.build.finalName}/build/js/publicHeadApp.min.js</output>
							<includes>
								<include>public.head.app.js</include>
							</includes>
						</aggregation>
						<aggregation>
							<insertNewLine>true</insertNewLine>
							<inputDir>${project.build.directory}/${project.build.finalName}/resources/static/css/default</inputDir>  
							<output>${project.build.directory}/${project.build.finalName}/build/css/publicHead.min.css</output>
							<includes>
								<include>hugoboss.css</include>
								<include>product.css</include>
								<include>promotions.css</include>
								<include>publicHead.css</include>
							</includes>
						</aggregation>
					</aggregations>
				</configuration>
			</plugin>
			
		</plugins>
	</build>

</project>

我这个列子只是介绍如何编译出多个文件，对非RIA项目适用，如果RIA项目一定要多用匹配符

yuicompressor-maven-plugin 官网 http://alchim.sourceforge.net/yuicompressor-maven-plugin/

yuicompressor的具体配置参考http://alchim.sourceforge.net/yuicompressor-maven-plugin/compress-mojo.html



xiashan17
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用yuicompressor压缩及合并js,css静态资源
03-26
NULL 博文链接：https://gogo1217.iteye.com/blog/1164848
YUI Compressor(JS混淆和压缩工具) Maven Plugin介绍 (记录)
surpass_li
06-02 372
目前开发Web应用Javascript发挥的作用越来越大，相关的Javascript框架也比较多。但是有一个问题，我们开发过程中，所有的JS代码都添加了注释，如使用JsDoc，代码的可读性比较强，同时这样的代码也便于调试。但是在产品环境中，我们希望这些JS代码是压缩和混淆过的，这主要是让 JS代码加载的更快，这也是Google AJAX Libraries API出现的原因。YUI Com...
推荐使用：YUICompressor-maven-plugin
最新发布
gitblog_00040的博客
06-23 365
推荐使用：YUICompressor-maven-plugin 项目地址:https://gitcode.com/davidB/yuicompressor-maven-plugin 项目介绍 YUICompressor-maven-plugin是一个强大的Maven插件，它能够对JavaScript和CSS文件进行压缩（最小化/混淆/聚合），利用的是著名的YUI Compressor工具。这个插件...
YUI Compressor Maven Plugin介绍
疯狂的草儿
11-20 107
目前开发Web应用Javascript发挥的作用越来越大，相关的Javascript框架也比较多。但是有一个问题，我们开发过程中，所有的JS代码 都添加了注释，如使用JsDoc，代码的可读性比较强，同时这样的代码也便于调试。但是在产品环境中，我们希望这些JS代码是压缩和混淆过的，这主要是让 JS代码加载的更快，这也是Google AJAX Libraries API出现的原因。YUI Com...
使用yuicomprossor压缩合并js css
纸上得来终觉浅
09-26 686
如何使用yuicomprossor压缩合并js css
maven 压缩、合并 js, css
Lullaby's Blog
12-28 6789
我们知道在 Web 应用开发中为了提高客户端响应速度，需要将页面使用的资源最小化，yuicompressor-maven-plugin 能够很好的实现js, css的压缩、合并处理。先来看看工程结构：project└─main    ├─java    └─webapp        ├─app        │  │  index.html        │  │          │  ├─c
yuicompressor-maven-plugin, 用于压缩 (Minify/Ofuscate/Aggregate) Javascript文件和使用 YUI 压缩器的CSS文件的Maven 插件.zip
10-11
yuicompressor-maven-plugin, 用于压缩 (Minify/Ofuscate/Aggregate) Javascript文件和使用 YUI 压缩器的CSS文件的Maven 插件 [[Flattr this git repo] ( http://api.flattr.com/button/flattr-badge-large.png)]...
yuicompressor-maven-plugin
10-13
`yuicompressor-maven-plugin`是一款强大的Maven插件，主要用于优化前端资源，特别是JavaScript和CSS文件。这个插件是基于YUI Compressor，一个由Yahoo开发的开源工具，它能有效地压缩和混淆代码，从而减少文件大小...
eclipse yuicompressor-maven-plugin
12-08
在IT行业中，优化Web应用程序的性能是至关重要的，其中一种方式就是通过压缩JavaScript（*.js）和CSS（*.css）文件。"eclipse yuicompressor-maven-plugin"是Maven生态系统中的一个插件，专门用于这个目的。下面将...
maven打包使用yui压缩css和js文件
03-21
在Maven中实现这个功能，我们需要借助maven-assembly-plugin或者maven-war-plugin，但更常见的是使用maven-resources-plugin和maven-compiler-plugin配合yuicompressor-maven-plugin。以下是一个详细的步骤说明： 1...
maven+yui压缩js,css文件
12-09
标题与描述概述的知识点是关于如何使用Maven与YUI Compressor插件来压缩JavaScript（JS）和CSS文件。在大型项目中，压缩这些文件可以显著减少加载时间，提高网站性能，同时也便于资源的管理。 ### Maven与YUI ...
yuicompressor-2.4.8压缩并合并多个文件
05-27
YUICompressor在压缩的过程中无法合并文件，如处理10个文件只能生成10个文件，于是写了一个自动化脚本，只需修改一下criptList.txt文件，及可将里边的文件合并压缩成一个文件。 注：jar包是在win7 32位环境下编译
file-merger-maven-plugin:一个（非常）简单的maven插件（有序）合并文件
06-09
文件合并Maven插件 file-merger-maven-plugin 是一个（非常）简单的 maven 插件，用于（有序）合并文件。 您定义一组要合并的文件和（可选）一个文件目的地，瞧。 默认情况下，插件绑定到 generate-resources 阶段。 用法： 1. 合并 JavaCC 文件（“模块化”定义） < plugin> < groupId>com.davidafsilva</ groupId> < artifactId>file-merger-maven-plugin</ artifactId> < version>1.0.0</ version> < executions> < execution> < id>merge-files</ id> <
使用minify-maven-plugin，压缩或合并你的js文件
weixin_34396902的博客
11-18 891
2019独角兽企业重金招聘Python工程师标准>>> ...
maven 绑定html压缩,使用minify-maven-plugin，压缩或合并你的js文件
weixin_31108825的博客
06-04 277
目前刚刚发布第一个版本1.0:1.0使用方式：maven配置文件pom.xml里配置cn.dreampieminify-maven-plugin${minify-maven-plugin.version}${basedir}/src/main/webapp/javascript${basedir}/src/main/webapp/javascript/min${basedir}/src/main/...
maven 利用 yuicompressor-maven-plugin　打包压缩静态资源文件
HK学习
11-22 805
HK 学习笔记   下面是利用　　maven yuicompressor-maven-plugin　打包静态资源文件   费话不多说了，直接看配置文件就好了   现在我用的是　　yuicompressor-maven-plugin　1.3.0,如果需要升级了，大家自己修改版本吧       &lt;project xmlns="http://maven.apache.org/P...
Maven插件wro4j-maven-plugin压缩、合并js、css详解
weixin_34353714的博客
09-29 296
1. 在pom.xml文件中，引入wro4j-maven-plugin插件 <plugin> <groupId>ro.isdc.wro4j</groupId> <artifactId>wro4j-maven-plugin</artifactId> <version>${wro4j.ve...
原 spring-boot maven 使用yuicompressor插件打包压缩合并js
weixin_41658204的博客
12-04 743
    因为我是内网打包，刚开始遇到好多问题。 主要是要手动导入本地仓库YUI Compressor Maven压缩插件组件的依赖包。 还是有注意&lt;phase&gt;generate-resources&lt;/phase&gt; 这个执行压缩操作的生命周期   &lt;plugin&gt;                 &lt;!-- YUI Compressor Maven...
yui-compressor-maven-plugin 插件在执行mvn指令后并没有被调用
06-09
可能的原因有很多，以下是一些常见的可能性： 1. 插件没有被正确配置。请确保 pom.xml 文件中已正确配置 yui-compressor-maven-plugin 插件，并且该插件的执行阶段已正确指定。 2. 插件需要手动执行。有些插件需要手动执行才能生效，例如 yui-compressor-maven-plugin 就需要在执行 mvn package 命令时手动运行。 3. 插件已被其他插件覆盖。如果在 pom.xml 文件中配置了多个插件，而且某个插件的执行顺序在 yui-compressor-maven-plugin 之后，那么该插件可能已经覆盖了 yui-compressor-maven-plugin 的执行结果。 4. 插件版本不兼容。请确保 yui-compressor-maven-plugin 的版本与当前的 Maven 版本兼容。 5. 插件依赖库冲突。如果 yui-compressor-maven-plugin 依赖的库与其他插件或项目依赖的库冲突，那么该插件可能无法正常执行。 您可以根据具体情况排查以上可能性，并进行相应的调整。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值