目前开发Web应用Javascript发挥的作用越来越大,相关的Javascript框架也比较多。但是有一个问题,我们开发过程中,所有的JS代码都添加了注释,如使用JsDoc,代码的可读性比较强,同时这样的代码也便于调试。但是在产品环境中,我们希望这些JS代码是压缩和混淆过的,这主要是让 JS代码加载的更快,这也是Google AJAX Libraries API出现的原因。YUI Compressor是一款非常强大JS混淆和压缩工具,目前很多Javascript Framework都使用YUI Compressor进行代码分发。在Java Web应用开发中,Maven是常用的项目管理工具,所以这里讲述一下如何结合Maven和YUI Compressor实现我们上述的需求。
要实现上述的功能,我们需要使用YUI Comprssor Maven Plugin,通过该plugin,可以实现对JS的压缩。首先我们要求YUI Compressor在 process-resources 期间发生作用,我们要添加以下代码:
<plugin>
<groupId>net.sf.alchim</groupId>
<artifactId>yuicompressor-maven-plugin</artifactId>
<executions>
<execution>
<goals>
<goal>compress</goal>
</goals>
</execution>
</executions>
</plugin>
对于Develop和Test环境,我们希望YUI Compressor不工作,主要是调试方便,所以我们还需要添加一个production的profile,然后将上述的代码加入到 production profile中即可,只要启动production profile,YUI Compressor就会工作。
YUI Compressor不仅可以压缩JS,CSS文件同样适用,所以YUI Compressor绝对对你的Web应用发布有很好的作用,结合Maven这个优秀的项目管理工具,将让这个过程根据简单。
参考文档:
YUI Compressor: http://developer.yahoo.com/yui/compressor/
YUI Compressor Maven Plugin: http://alchim.sourceforge.net/yuicompressor-maven-plugin/
分享到:
相关推荐
`yuicompressor-maven-plugin`就是这样一个插件,专注于前端资源的压缩和优化。 ### 二、YUI Compressor简介 YUI Compressor是由Nicholas C. Zakas开发的JavaScript和CSS压缩工具。它通过删除空格、注释和不必要的...
yuicompressor-maven-plugin, 用于压缩 (Minify/Ofuscate/Aggregate) Javascript文件和使用 YUI 压缩器的CSS文件的Maven 插件 [[Flattr this git repo] ( http://api.flattr.com/button/flattr-badge-large.png)]...
- **配置插件**:在Maven的`pom.xml`文件中添加`yuicompressor-maven-plugin`的配置,指定要压缩的文件路径、输出路径、是否开启混淆等参数。 ```xml <plugin> <groupId>net.alchim31.maven</groupId> ...
在Maven中实现这个功能,我们需要借助maven-assembly-plugin或者maven-war-plugin,但更常见的是使用maven-resources-plugin和maven-compiler-plugin配合yuicompressor-maven-plugin。以下是一个详细的步骤说明: 1...
标题与描述概述的知识点是关于如何使用Maven与YUI Compressor插件来压缩JavaScript(JS)和CSS文件。在大型项目中,压缩这些文件可以显著减少加载时间,提高网站性能,同时也便于资源的管理。 ### Maven与YUI ...
例如,Maven的`maven-resources-plugin`和`maven-war-plugin`可以配合使用`yuicompressor-maven-plugin`来完成js和css的压缩。在Gradle中,我们可以使用`apply plugin: '...
当我们谈论"mvn 配置 yui 自动 打包"时,我们实际上是在讨论如何利用Maven(mvn)这个流行的Java项目管理工具,配合YUI Compressor(yuicompressor)进行资源文件的压缩和优化,以实现项目的自动打包流程。...
Minify Maven Plugin可以自动处理这些任务,它支持YUI Compressor和Google Closure Compiler等工具进行压缩,能有效减小文件体积,提升网站性能。 总结起来,这个压缩包包含了Apache ServiceMix中的Spring JDBC模块...
Maven还可以通过插件如`yui-compressor-maven-plugin`或`uglifyjs-maven-plugin`来对前端资源进行压缩,减少文件大小,提高页面加载速度。 9. **多环境配置**: 使用Maven的profile功能,可以为不同环境(如开发...
特征Appstats支持Google AJAX库API(jQuery) 墓碑整合JRebel支持本地开发控制台支持( ) Maven支持通过yuicompressor-maven-plugin进行CSS / JS压缩使用maven-gae-plugin 远程API /批量加载程序支持Sitemesh集成...