【问题标题】:How to use YUI Compressor in Ant build script for javascript and css如何在 Ant 构建脚本中为 javascript 和 css 使用 YUI Compressor
【发布时间】:2013-05-11 20:09:58
【问题描述】:

在寻找如何在 Ant 构建脚本中使用 YUI 压缩器的几天后,我终于让它工作了。存在许多用于创建 Ant 任务并在构建脚本中使用它的旧示例(

许多示例也很老旧,需要更多有关 Ant 或配置 Ant 任务的知识。下面的解决方案对我来说是快速、简单和有效的解决方案。

【问题讨论】:

    标签: javascript css ant minify yui-compressor


    【解决方案1】:

    以下内容已添加到我的<target> 标记之一中,以压缩单个目录中的 所有 javascript 文件。这些文件保留其原始名称。要为 CSS 执行此操作,只需将“js”切换为“css”并相应地更新路径。

    这是使用 YUI Compressor 2.4.7 完成的,我在 Eclipse Juno 中运行 Ant 构建脚本,无需更改类路径或其他设置修改。

    <!-- Minimizing Javascript files -->
        <echo message="Compressing Javascript files at location: ${build.root}/resources/js/*.js" />
        <java jar="c:/dev/lib/yuicompressor-2.4.7/build/yuicompressor.jar" fork="true">
            <arg value="${build.root}/resources/js/*.js" /> <!-- input path for JS files -->
            <!--<arg value="-v" /> --><!-- Turn on verbose -->
            <arg value="-o" />
            <arg value="'.js$:.js'" />
            <arg value="${build.root}/resources/js/*.js" /> <!-- output path for JS files -->
            <classpath>
                <pathelement location="c:/dev/lib/yuicompressor-2.4.7/build/yuicompressor.jar"/>
            </classpath>
        </java>
    

    请随时改进此答案。上面的解决方案对我有用,但我不是专家。

    【讨论】:

    • 如何将所有.js文件压缩成一个.js文件? ?因为上面的脚本将.js文件压缩成自己的文件...
    • 尽管路径存在,但它会为 - /home/shwetanka/projects/webapp/webapp/content/js/mobile/*.js 提供 FileNotFoundException。
    • @Shwetanka 如果你有一个问题,你应该创建自己的问题线程并参考这个答案来指出问题。
    • 我很幸运/不幸地得到了我的 ant 脚本,但是在项目工作一段时间后,由于一些 js 文件,yui 压缩器正在归档项目的构建。有没有办法显示/记录罪魁祸首文件?
    • @DarkStar1 不幸的是,我不知道有任何日志选项可以显示当前正在压缩的文件的文件名。您可以尝试运行您的 ant 构建并明确指定 javascript 文件的名称,而不是如上所示的 '*.js'。
    【解决方案2】:

    我正在使用以下解决方案来缩小文件,因为我得到了 FileNotFoundException 和上一个答案。

    要缩小 CSS,请将下面的 js 替换为 css

    <target name="compress" description="compress the JS files">
        <copy todir="temp/js" overwrite="yes">
            <fileset dir="original/js"/>
        </copy>
        <apply executable="java" parallel="false" dest="temp/js">
            <fileset dir="temp/js" includes="**/*.js" />
              <arg line="-jar"/>
              <arg path="test_lib/yuicompressor-2.4.8.jar" />
              <arg line="-v"/>
              <srcfile/>
              <arg line="-o"/>
              <mapper type="glob" from="*.js" to="*-min.js"/>
              <targetfile/>
        </apply>
        <move todir="original/js" overwrite="true">
            <fileset dir="temp/js" />
            <mapper type="glob" from="*-min.js" to="*.js"/>
        </move>
    </target>
    

    【讨论】:

    • 我在使用基于 html5boilerplate 项目的 Ant 脚本时遇到了同样的问题。您首先转到临时目录的解决方案似乎已经修复了它。
    【解决方案3】:

    我尝试了 Victor 的代码。实际上不需要临时目录。我使用了这段代码,它对我有用。

        <apply executable="java" parallel="false" >
                    <fileset dir="${build.root}/resources/js" includes="**/*.js" />
                        <arg line="-jar"/>
                        <arg path="${basedirectory}/yuicompressor-2.4.8.jar" />
                        <srcfile/>
                        <arg value="-o" />
                        <arg value="'.js$:.js'" />
                        <!-- output path for JS files -->
                        <arg value="${build.root}/resources/js/*.js" />
                        <arg line="--nomunge" />
                        <arg line="--preserve-semi" />              
                </apply>
    

    【讨论】:

    • 我应该如何调整提供的解决方案以排除已经可用的“.min.js”文件再次被压缩。我尝试将值为 '"/.min.js"' 的 'excludes' 属性以及 "**/min" 添加到 '' 但这似乎不起作用。
    • 它是“排除”而不是“排除”。
    【解决方案4】:

    我会使用这个 ant 任务:http://code.google.com/p/yui-compressor-ant-task/ 或这个:https://github.com/parambirs/ant-yui-compressor,这似乎比 apply 更简洁。

    【讨论】:

    • 非常好的解决方案。配置看起来非常简单。
    【解决方案5】:

    您可以压缩特定文件夹中可用的所有 Js 文件,而无需复制到临时文件夹。

    <property name="js.source" value="js/combine" />    
    <property name="js.target" value="js/compress" />
    <fileset dir="${yuicompressor.lib}">
            <include name="yui/yuicompressor-2.4.z8.jar"/>
    </fileset>
    <target name="minifyjs" description="compress the JS files">
        <delete includeEmptyDirs="true">
          <fileset dir="${js.target}" includes="**/*" defaultexcludes="no"/>
        </delete>
        <apply executable="java" parallel="false" verbose="true" failonerror="yes">
            <fileset dir="${js.source}" includes="**/*.js" excludes="**/*-min.js, **/*.min.js"/>
              <arg line="-jar"/>
              <arg path="${yuicompressor.lib}" />
              <srcfile/>
              <arg line="-o"/>
              <targetfile/>
              <mapper type="glob" from="*.js" to="${js.target}/*.js"/>
              <arg line="--charset"/>
              <arg line="utf-8"/>
        </apply>
    </target>
    

    上面的代码对我来说工作正常。

    【讨论】:

      猜你喜欢
      • 2013-05-20
      • 1970-01-01
      • 1970-01-01
      • 2012-08-03
      • 2012-05-03
      • 1970-01-01
      • 2010-11-12
      • 2011-03-06
      • 1970-01-01
      相关资源
      最近更新 更多