Cocos2d-html5 通过apache ant编译成web应用以便部署到服务器

本文主要是介绍Cocos2d-html5 通过apache ant编译成web应用以便部署到服务器，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

勤奋努力，持之以恒！

开发环境：

Mac OSX 10.9.3

Cocos2d-html5-v2.2.3

如何在Mac上安装 apache ant ，请移步至：http://blog.csdn.net/song_hui_xiang/article/details/14315529

我的HeroUpUp-Html5项目的目录结构如下图：

1.打开项目中的build.xml文件，把项目中src目录下的所有js文件添加到build.xml的 <sourcesdir="${basedir}">下：

<sources dir="${basedir}"><file name="src/resource.js"/><file name="src/Game.js"/><file name="main.js"/><file name="src/EachPlate.js"/><file name="src/EachTool.js"/><file name="src/HeroRole.js"/><file name="src/PlateTenTool.js"/><file name="src/Utilities.js"/></sources>

在build.xml文件中有这么一条语句：debug="false"output="myTemplate.js">，myTemplate.js是通过ant编译成的js文件的名字。

在此我使用默认的名字，也就是myTemplate.js这个名字。

2.打开终端，cd到build.xml目录，输入命令 ant 回车如下图表示编译成功。

这样在你的项目目录下会多出myTemplate.js这么一个文件，这就是我们编译好的js文件。

3.打开项目中的cocos2d.js文件，找到 window.addEventListener 方法，看其中cocos给的官方解释，想必你就懂得怎么做了。所以修改如下：

window.addEventListener('DOMContentLoaded', fn = function () {this.removeEventListener('DOMContentLoaded', fn, false);//first load engine file if specifiedvar s = d.createElement('script');/*********Delete this section if you have packed all files into one*******/// if (c.SingleEngineFile && !c.engineDir) {//             s.src = c.SingleEngineFile;//         }//         else if (c.engineDir && !c.SingleEngineFile) {//             s.src = c.engineDir + 'jsloader.js';//         }//         else {//             alert('You must specify either the single engine file OR the engine directory in "cocos2d.js"');//         }/*********Delete this section if you have packed all files into one*******/s.src = 'myTemplate.js'; //IMPORTANT: Un-comment this line if you have packed all files into oned.body.appendChild(s);document.ccConfig = c;s.id = 'cocos2d-html5';//else if single file specified, load singlefile});

经过以上三步整个编译就完成了，然后只需要将res资源文件夹、cocos2d.js、index.html、myTemplate.js放到网站上就可以了。