前端js和css的压缩合并之YUI-Compressor_html/css_WEB-ITnose

me：注：早已经迁往github上了。

地址：https://github.com/yui/yuicompressor/blob/master/README.md

From： http://www.everycoding.com/coding/80.html

YUI Compressor Maven插件压缩 js、css并 输出war包

YUI Compressor是一款非常强大JS混淆和压缩工具。目前很多Javascript框架都使用YUI Compressor进行了代码压缩。据说鼎鼎有名的Jquery框架也是使用YUI Compressor进行压缩。YUI Compressor压缩的好处是不仅大大减少js、css的体积，同时在对javascript代码的混淆压缩中对属性命名的替换，使得压缩过的js不易阅读，能起到源码的保护作用。本文主要介绍YUI Compressor的使用方法和技巧。

一、在Maven pom.xml文件中，添加YUI Compressor 插件。代码如下：

      net.alchim31.maven     yuicompressor-maven-plugin      1.3.0                                             compress                                          false                   UTF-8          false                   false          .min  -->         true                   -1                   true                                      true                  true                  ${project.build.directory}/${project.build.finalName}/resources/static/js                                  ${project.build.directory}/${project.build.finalName}/build/js/basic.min.js                                                       jquery-1.7.2.js                      everycoding.js                      front.js                                                            true                  ${project.build.directory}/${project.build.finalName}/resources/static/css                                  ${project.build.directory}/${project.build.finalName}/build/css/basic.min.css                                                       common.css                      front.css                                               

aggregations：管理需要分类合并的Js、Css

二、使用Maven命令执行压缩：

mvn yuicompressor:compress 

三、打war时，如果需要排除未压缩的js、css文件，可使用如下方法：

      org.apache.maven.plugins     maven-war-plugin      2.4               **/*.js,**/*.css        

YUI Compressor官网： http://yui.github.io/yuicompressor/

相关配置参数说明： http://alchim31.free.fr/mvnsites/yuicompressor-maven-plugin/compress-mojo.html

++

+

+

——

+

+

+

查看更多关于前端js和css的压缩合并之YUI-Compressor_html/css_WEB-ITnose的详细内容...