YUI Compressor完成代码混淆示例

本文主要是介绍YUI Compressor完成代码混淆示例，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

YUI Compressor相关信息

官网
GitHub地址

混淆单个js

一般命令，

java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js

若出现编码错误，就加上编码参数，比如你的文件的编码是utf-8编码，则命令如下，

java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js --charset utf-8

混淆多个js

如下脚本实现的功能：将工程中src/main/webapp/assets/js目录下的所有js完成混淆，并覆盖掉原来的js。。当然，yuicompressor包得放在工程目录下。

执行命令：cd your-project-dir; ant -buildfile js_confuse.xml
脚本内容：

<?xml version="1.0" encoding="utf-8"?>
<project name="MyTask" basedir="." default="compress-js"><property name="src.dir" value="./src/main/webapp/assets/js" /><target name="compress-js"><apply executable="java" parallel="false" failonerror="true" dest="${src.dir}" append="false" force="true"><fileset dir="${src.dir}" includes="**.js" /><arg line="-jar" /><arg path="yuicompressor-2.4.8.jar" /><arg line="--charset utf-8" /><srcfile /><arg line="-o" /><mapper type="glob" from="*.js" to="*.js" /><targetfile /></apply></target>
</project>

错误分析

混淆test.js文件时，报错

[apply] [ERROR] in test.js[apply]   110:10:invalid property id

该文件的第110行内容是float: false,，
参照Stack Overflow–Compression issues with JQuery file in YUI Compressor，由于float同时是js和css的关键字，故YUI会将其区分不开，需改为"float": false,。