YUI Compressor是一款非常强大JS混淆和压缩工具。目前很多Javascript框架都使用YUI Compressor进行了代码压缩。YUI Compressor压缩的好处是不仅大大减少js、css的体积,同时在对javascript代码的混淆压缩中对属性命名的替换,使得压缩过的js不易阅读,能起到源码的保护作用。本文主要介绍YUI Compressor的使用方法和技巧。
一、在Maven pom.xml文件中,添加YUI Compressor 插件。代码如下:
<plugin>
<!-- js css 压缩插件 运行命令 yuicompressor:compress-->
<groupId>net.alchim31.maven</groupId>
<artifactId>yuicompressor-maven-plugin</artifactId>
<version>1.5.1</version>
<configuration>
<!-- 读取js,css文件采用UTF-8编码 -->
<encoding>UTF-8</encoding>
<!-- 不显示js可能的错误 -->
<jswarn>false</jswarn>
<!-- 若存在已压缩的文件,会先对比源文件是否有改动。有改动便压缩,无改动就不压缩 -->
<force>false</force>
<!-- 在指定的列号后插入新行 -->
<linebreakpos>-1</linebreakpos>
<!-- 压缩之前先执行聚合文件操作 -->
<preProcessAggregates>true</preProcessAggregates>
<!-- 压缩后保存文件后缀 无后缀 -->
<nosuffix>true</nosuffix>
<!-- 源目录,即需压缩的根目录 -->
<sourceDirectory>${basedir}/target/{你的程序包}</sourceDirectory>
<!-- 压缩js和css文件 -->
<includes>
<include>**/*.js</include>
<include>**/*.css</include>
</includes>
<!-- 以下目录和文件不会被压缩 -->
<excludes>
<exclude>**/*.min.js</exclude>
<exclude>**/*.min.css</exclude>
<exclude>**/ueditor/**/*.js</exclude>
<exclude>**/ueditor/**/*.css</exclude>
<exclude>**/kindeditor/**/*.js</exclude>
<exclude>**/kindeditor/**/*.css</exclude>
</excludes>
<!-- 压缩后输出文件目录 -->
<outputDirectory>${basedir}/target/{你的程序包}</outputDirectory>
</configuration>
</plugin>
二、使用Maven命令执行压缩:
mvn yuicompressor:compress
idea直接使用maven package后再点击插件yuicompressor:compress即可