YUI Compressor完成代码混淆示例

Posted 2022-12-15 asin929

---

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,。

---

参考

• yuicompressor+ant 混淆压缩多个js和css文件方法