一、 使用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项目，每种方式都有优点以及缺点。我个人结合实际项目还是非常推荐大家用第三种方式的。对于第三种方式的缺点，我们也是可以通过其他方法加以避免的。

精彩文章

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：