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

shawnmei

勤奋努力，持之以恒！




开发环境：

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 specified
var 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 one
d.body.appendChild(s);
document.ccConfig = c;
s.id = 'cocos2d-html5';
//else if single file specified, load singlefile
});

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