[0]laya hot reload 分享
- ## 目标
在写游戏的时候,写UI逻辑时,写一点重启网页查看,是一件很痛苦的事。
- ## 示例项目
[laya-webpack-typescript](https://github.com/kokoroX/laya-webpack-typescript)
这个项目,示例了webpack怎么配置
但是他差一点就支持hmr了。
[ts-webpack-hmr](https://github.com/krausest/ts-webpack-hmr)
这个项目演示了,hmr怎么用。
- ## 开发
- 项目支持
>我们应该有两个类`UIManger`和`UIType`。UIManger负责showUI,UIType负责映射UI名和UI类的描述
>当我们编写UI类时,hot reload时,需要把UIType的类的映射,换成新的UI类
```javascript
if (module.hot) {
console.log("module is hot");
module.hot.accept(['./UIType.js'], function () {
let {UIType} = require('./UIType')
UIManager.I.UIType = UIType
});
}
```
如上代码,就可以hot reload UI类了。
- ## 最后
- 思路很简单,代码就几行,但是前期配置和整理项目结构,是一个痛苦的事情,祝大家好运。
在写游戏的时候,写UI逻辑时,写一点重启网页查看,是一件很痛苦的事。
- ## 示例项目
[laya-webpack-typescript](https://github.com/kokoroX/laya-webpack-typescript)
这个项目,示例了webpack怎么配置
但是他差一点就支持hmr了。
[ts-webpack-hmr](https://github.com/krausest/ts-webpack-hmr)
这个项目演示了,hmr怎么用。
- ## 开发
- 项目支持
>我们应该有两个类`UIManger`和`UIType`。UIManger负责showUI,UIType负责映射UI名和UI类的描述
>当我们编写UI类时,hot reload时,需要把UIType的类的映射,换成新的UI类
```javascript
if (module.hot) {
console.log("module is hot");
module.hot.accept(['./UIType.js'], function () {
let {UIType} = require('./UIType')
UIManager.I.UIType = UIType
});
}
```
如上代码,就可以hot reload UI类了。
- ## 最后
- 思路很简单,代码就几行,但是前期配置和整理项目结构,是一个痛苦的事情,祝大家好运。
没有找到相关结果
已邀请:
要回复问题请先登录
0 个回复