深入理解LayaAir引擎架构和实现原理(一)跨平台引擎源码编译

拉取引擎源码

LayaAir

查看目录结构

laya引擎是使用TypeScript开发的，引擎核心代码在src/LayaAir路径下，查看tsconfig.json文件可知其编译目标环境为es6。

编译引擎代码

项目路径下

npm i

安装所需依赖库

查看package.json中的命令，会发现它的编译命令build是去执行public.bat，我觉得这个不行，引擎开发人员没有完成macOS环境下的编译，所以我们自己加个支持跨平台的编译命令crossBuild。

  "scripts": {"build": "cd src/publishTool&&cmd /k publish.bat","compile": "gulp LayaAirBuild","buildDoc": "cd src/generateDoc&&cmd /k run.bat","crossBuild": "node src/publishTool/publish.js && cd src && gulp build"},

src/publishTool路径下创建publish.js。编译工具public.bat中做了什么事情，在publish.js脚本中也做同样的事情就好。

public.bat

@echo off
if exist ..\..\build (rmdir /s/q ..\..\build
) if exist ..\..\bin\tsc\layaAir (rmdir /s/q ..\..\bin\tsc\layaAir
)
node index.jscd ..\
gulp build@pause

查看代码易知，在编译前，会先删除build和 bin/tsc/layaAir文件夹。build文件夹是最终导出各语言平台下laya引擎库文件的地方。layaAir文件夹是引擎项目tsc编译的导出目录。AS语言的引擎库文件就是根据该目录下的文件转换的。

之后会执行index.js文件，先来看看入口函数start()

    start() {return __awaiter(this, void 0, void 0, function* () {let json = JSON.parse(fs.readFileSync("outConfig.json"));this.BaseURL = emiter_1.emiter.BaseURL = json.from;this.outfile = json.out;this.createAS = json.createAS;this.layajsURL = json.layajsURL;this.tsCongfig = json.tsConfig;this.filterArr = json.filter;emiter_1.emiter.jscObj = json.jscObj;// yield相当于awaitif (!this.tsCongfig.length || (yield this.compile())) { //确认编译结果this.checkAllDir("");}else {console.log("compile fail!");}});}

其中__awaiter是一个编译工具函数，相当于async/await
，因为引擎项目是ES6的，所以使用这种方式实现异步执行的功能，想进一步了解的可以看这里。

编译的配置在outConfig.json中，其中有个是否导出AS的开关createAS，不需要就可以关闭了，加快编译速度。

编译函数compile()，它的功能是根据配置去执行tsc编译，但是这边它直接用局部的tsc.cmd去执行，并且也写的不好，所以我们把他改成更通用的方式。

                let cmd = ["-b", tsConfigUrl];let tscurl = path.join(this.BaseURL.split("bin")[0], "./node_modules/.bin/tsc.cmd");child_process.execFile(tscurl, cmd, (err, stdout, stderr) => {if (err) {console.log(err, '\n', stdout, '\n', stderr);}start(err);});

改为

                let cmd = "tsc -b " + tsConfigUrl;child_process.exec(cmd, (err, stdout, stderr) => {if (err) {console.log(err, '\n', stdout, '\n', stderr);}start(err);});

准备妥当开始编写public.js

var fs = require('fs'); // 引入fs模块
var path = require('path');
const child_process = require("child_process");function deleteall(path) {// learvar files = [];if(fs.existsSync(path)) {files = fs.readdirSync(path);files.forEach(function(file, index) {var curPath = path + "/" + file;if(fs.statSync(curPath).isDirectory()) { deleteall(curPath);} else {fs.unlinkSync(curPath);}});fs.rmdirSync(path);}
};let buildPath = path.join(__dirname,'../../build')
deleteall(buildPath);let layaAirPath = path.join(__dirname,'../../bin/tsc/layaAir')
deleteall(layaAirPath);process.chdir(__dirname);
require('./index.js');

项目路径下执行

npm run crossBuild

即可实现Windows/macOS系统下LayaAir引擎的编译。