在Eclipse下使用Ant编译Flex程序

我的机器内存1G，如果使用Eclipse Flex插件编译程序，用不了多久系统内存就会耗尽，机器会变得极其缓慢。使用Flex Builder 2.01似乎情况要好一点，但是觉得Eclipse似乎更加好用一点，比如Ctrl + Alt + LEFT可以将一块代码向左移……Flex Builder好像没有类似的快捷键，虽然有类似的命令。另外还要进行ColdFusion，js开发，如果总是将IDE换来换去多麻烦啊。

 

在网上浏览时看到使用ant来编译可以提高速度、减少内存占有率。当然也可以直接使用命令行mxmlc等命令来编译，但是不如使用ant方便——ant其实也是使用mxmlc命令来编译。

 

Adobe labs提供了ant tasks工具包并有一些使用方法，是英文并且不怎么详细。有几个中文Blog文章有写相关，但是大多是针对旧版本的Flex SDK，我现在使用的SDK是2.0正式版，较之那些教程上的版本新，导致那些教程上的例子不能执行。

 

以Eclipse3.2.1为例，一步步来吧。

1. 从Adobe labs上下载最新的ant tasks工具包，地址：http://labs.adobe.com/wiki/index.php/Flex_Ant_Tasks。
2. 解压缩。
3. 将flexTasks.jar拷贝到eclipse的ant lib根目录下面，ant lib目录一般在eclipse根目录下，如/plugins/org.apache.ant_ant版本号/lib。
4. 在项目根目录中新建flexTasks文件，拷入ant tasks中的几个文件加：lib和resources。
5. 在项目根目录中建立build.xml。build.xml文件内容可参考：http://nstar.javaeye.com/blog/129653,这里也有一个示例，ant的命令可以到 ant的官方网站去查，今天在我的火狐2.0中地址栏输入ant move，居然FF自动进入了ant官方网站并且显示task move :)是不是FF的开发人员也用ant，为了方便查找而设置的，因为输入其他关键字一般进入的Google：

    <?xml version="1.0" encoding="utf-8"?> <project name="Flex Ant Builder Sample Project" basedir="."> <taskdef resource="flexTasks.tasks" classpath="${basedir}/flexTasks/lib/flexTasks.jar" /> <property name="FLEX_HOME" value="D:/eclipse/Adobe/Flex Builder 2 Plug-in/Flex SDK 2"/> <property name="APP_ROOT" value="${basedir}"/> <property name="DEPLOY_DIR" value="bin"/> <!-- compiled mxml/as file Name --> <property name="fileName" value="ActorLines" /> <!-- compiled mxml/as file ext --> <property name="fileExt" value="mxml" /> <!-- third party swc--> <!--<property name="THIRD_PARTY" value="D:/work/thirdparty/FlexLib" />--> <!-- modular application's main application fileName --> <property name="mainApp" value="" /> <!-- output package direction,end with / --> <property name="package" value="" /> <property name="FLASHPLAYER" value="D:/eclipse/Adobe/Flex Builder 2 Plug-in/Player/debug/SAFlashPlayer.exe" /> <property name="IE" value="C:/Program Files/Internet Explorer/iexplore.exe" /> <!-- compile a mxml/as file --> <target name="compile" depends="cleanCompile"> <mxmlc file="${APP_ROOT}/${package}${fileName}.${fileExt}" output="${DEPLOY_DIR}/${package}${fileName}.swf" actionscript-file-encoding="UTF-8" keep-generated-actionscript="false" warnings="false" incremental="true" > <!-- ***** source file path *******--> <compiler.source-path path-element="${basedir}"/> <!-- Get default compiler options. --> <load-config filename="${FLEX_HOME}/frameworks/flex-config.xml"/> <!-- List of path elements that form the roots of ActionScript class hierarchies. --> <source-path path-element="${FLEX_HOME}/frameworks"/> <!-- List of SWC files or directories that contain SWC files. --> <compiler.library-path dir="${FLEX_HOME}/frameworks" append="true"> <include name="libs" /> <include name="../bundles/{locale}" /> </compiler.library-path> <!-- ***** thirdparth swc ***** --> <!--<compiler.include-libraries dir="${THIRD_PARTY}" append="true"> <include name="DistortionEffects.swc" /> </compiler.include-libraries> --> <!-- Set size of output SWF file. <default-size width="500" height="600" /> --> </mxmlc> <delete> <!-- Deletes cache file --> <fileset dir="${APP_ROOT}/${package}" includes="${fileName}*.cache" defaultexcludes="false"/> </delete> </target> <!-- compile mxml file and Generate a Link Report for the embed module --> <target name="CompileAndGenerateLinkReport"> <mxmlc file="${APP_ROOT}/${package}${fileName}.${fileExt}" link-report="${APP_ROOT}/${package}${fileName}_LinkReport.xml" output="${DEPLOY_DIR}/${package}${fileName}.swf" actionscript-file-encoding="UTF-8" keep-generated-actionscript="false" incremental="true" > <!-- Get default compiler options. --> <load-config filename="${FLEX_HOME}/frameworks/flex-config.xml"/> <!-- List of path elements that form the roots of ActionScript class hierarchies. --> <source-path path-element="${FLEX_HOME}/frameworks"/> <source-path path-element="${APP_ROOT}"/> <!-- List of SWC files or directories that contain SWC files. --> <compiler.library-path dir="${FLEX_HOME}/frameworks" append="true"> <include name="libs" /> <include name="../bundles/{locale}" /> </compiler.library-path> <!-- Set size of output SWF file. --> <default-size width="500" height="600" /> </mxmlc> <delete> <!-- Deletes cache file --> <fileset dir="${APP_ROOT}/${package}" includes="${fileName}*.cache" defaultexcludes="false"/> </delete> </target> <!-- compile Modular mxml file with mainApp's Link Report --> <target name="CompileModuleWithLinkReport"> <mxmlc file="${APP_ROOT}/${package}${fileName}.${fileExt}" load-externs="${APP_ROOT}/${mainApp}_LinkReport.xml" output="${DEPLOY_DIR}/${package}${fileName}.swf" actionscript-file-encoding="UTF-8" keep-generated-actionscript="false" incremental="true" > <!-- Get default compiler options. --> <load-config filename="${FLEX_HOME}/frameworks/flex-config.xml"/> <!-- List of path elements that form the roots of ActionScript class hierarchies. --> <source-path path-element="${FLEX_HOME}/frameworks"/> <!-- List of SWC files or directories that contain SWC files. --> <compiler.library-path dir="${FLEX_HOME}/frameworks" append="true"> <include name="libs" /> <include name="../bundles/{locale}" /> </compiler.library-path> <!-- Set size of output SWF file. --> <default-size width="500" height="600" /> </mxmlc> <delete> <!-- Deletes cache file --> <fileset dir="${APP_ROOT}/${package}" includes="${fileName}*.cache" defaultexcludes="false"/> </delete> </target> <!-- wrapper a swf with html express-installation template--> <target name="wrapper" depends="cleanWrapper"> <html-wrapper title="Actor's lines in web" width="100%" height="100%" application="flexApp" swf="${fileName}" version-major="9" version-minor="0" version-revision="0" history="true" template="express-installation" output="${DEPLOY_DIR}/${package}"/> <move file="${DEPLOY_DIR}/${package}index.html" tofile="${DEPLOY_DIR}/${fileName}.html"/> <copy todir="${DEPLOY_DIR}/assets"> <fileset dir="./assets" /> </copy> </target> <!-- clean preview previous compile file --> <target name="cleanCompile"> <delete dir="${APP_ROOT}/${package}generated"/> <delete> <fileset dir="${DEPLOY_DIR}/${package}" includes="${fileName}*.swf"/> </delete> </target> <!-- clean preview previous wrapper file --> <target name="cleanWrapper"> <delete> <!-- Deletes history.swf --> <fileset dir="${DEPLOY_DIR}/${package}" includes="history.swf" defaultexcludes="false"/> <!-- Deletes playerProductInstall.swf --> <fileset dir="${DEPLOY_DIR}/${package}" includes="playerProductInstall.swf" defaultexcludes="false"/> <!-- Deletes ${fileName}.html --> <fileset dir="${DEPLOY_DIR}/${package}" includes="${fileName}*.html" defaultexcludes="false"/> <!-- Deletes history.htm --> <fileset dir="${DEPLOY_DIR}/${package}" includes="$history.htm" defaultexcludes="false"/> <!-- Deletes history.js and AC_OETags.js --> <fileset dir="${DEPLOY_DIR}/${package}" includes="*.js" defaultexcludes="false"/> <!-- Deletes all assets --> <fileset dir="${DEPLOY_DIR}/assets" includes="*.*"/> </delete> </target> <target name="run" depends="compile" description="Compile and run it."> <exec executable="${FLASHPLAYER}"> <arg value="${DEPLOY_DIR}/${package}${fileName}.swf" /> </exec> </target> <target name="runie" depends="compile" description="Compile and run it."> <exec executable="${IE}"> <arg value="${basedir}/${DEPLOY_DIR}/${package}${fileName}.html" /> </exec> </target> </project>

 

弄完build.xml之后，基本上就完成ant的设置，现在可以享受ant带来的速度与便捷了。

如何使用ant运行任务

1. 在命令行里面输入ant targetname；
2. 建立cmd文件，里面输入ant targetname，以后就只要双击这个cmd文件。
3. 在eclipse中选择build.xml，然后右键选择Run as -> ant bulid，在弹出的对话框中选择Targets，然后选择一个Target，在Build中去掉Build before lunch前面的勾，现在可以Run啦。在Eclipse的控制台里面可以看到信息显示。