LayaAir2.x项目编译的三种方式

一、 使用Laya官方编译器–layaair2-cmd

1. 安装

npm install -g layaair2-cmd

2. 使用

layaair2-cmd compile

3. 优缺点

小项目编译速度快，Laya编辑器内嵌该编译器，但是大型项目编译速度非常慢

二、 Webpack

1. 安装

首先将项目初始化为npm项目，在项目根目录下执行npm init
然后安装依赖： npm install -D typescript webpack webpack-cli ts-loader
安装全局工具: npm install -g webpack webpack-cli

2. 配置

在项目根目录下创建webpack.config.js,并配置，这里提供一份参考

var path = require("path");
module.exports = {
    mode: "development",
    entry: "./src/Main.ts",
    output: {
        path: path.resolve(__dirname, "bin/js"),
        filename: "bundle.js"
    },
    resolve: {
        extensions: [".ts", ".tsx"]
    },
    module: {
        rules:[
            { test: /\.tsx?$/, use: "ts-loader" }
        ]
    },
    target: "web",
    devtool: "source-map"
}

3. 使用

项目根目录下执行
webpack

4. 优缺点

大型项目编译速度比第一种方式要快很多，但是配置比较复杂，依赖较多。

三、EsBuild

1. 安装

npm install -g esbuild

2. 使用

esbuild --bundle src/Main.ts --outfile=bin/js/bundle.js --sourcemap

3. 优缺点

编译速度非常快，大型项目也能做到秒编，但是由于EsBuild并不是基于语法树生成代码，所以无法检查某些语法级错误，另外对于const enum声明的枚举，无法以数字常量进行替换。

总结

以上三种方式，都能用来编译laya2项目，每种方式都有优点以及缺点。我个人结合实际项目还是非常推荐大家用第三种方式的。对于第三种方式的缺点，我们也是可以通过其他方法加以避免的。