[][分享] 使用 Parcel 打包工具 进行 Layaair 的游戏开发 (原创)

介于对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