介于对WebGL的看好, 和对国产引擎的支持, 有了这篇文章.
实现方式很简单, 仅仅是使用了 parcel 进行二次打包处理, 并且把 `微信小游戏` 所需要的文件配置好位置.
由于 parcel 官方的配置较弱, 所以编写了 parcel-plugin-change-file 插件配合使用.

为什么不用 webpack 而使用 parcel ?
因为parcel 编译速度更快, 使用 parcel 不用为 javascript 和 typescript 分别配置一遍, 业余时间毕竟很珍贵 :)
确保你的环境已经配置好 nodejs 和 yarn , 然后使用下文的几条命令开始你的项目吧.

功能

开发过程热更新, 实时刷新游戏界面, 包括H5和微信小游戏
使用命令行编译你的微信小游戏
首次使用预先打包core文件, 平时开发只要打包自己项目的代码, 使得打包速度有了数量级的提升

安装

$ npm install -g laya-three-cli

创建项目

$ laya-three-cli your-project

启动 H5 游戏

$ yarn install
$ yarn start

然后使用浏览器访问 `http://localhost:1234` , 可以看到项目游戏.
接下来更改一下代码,并且保存, 看看游戏内容是否同时更新了.

启动微信小游戏

$ yarn install
$ yarn wechat

然后使用微信开发者工具打开 dev-wechat 目录, 接下来更改一下代码,并且保存, 看看游戏内容是否同时更新了.

升级 LayaAir

LayaAir官方并没有把源码放到 npmjs.com 上,并且在 Github.com 上的源码也不是最新的,所以你只能手动去官网下载,并且手动更新:

1. 打开 LayaAir Web 官网, 并且下载源码
2. 拷贝 lib, 覆盖你项目中的 bin/libs
3. 编译新的 core.js : yarn core

最后
如果你在使用中有更好的改进建议, 欢迎到 Github 提交你的PR, 或是赏赐一个星星:
https://github.com/ymzuiku/laya-three-cli