- ## 目标
在写游戏的时候，写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类了。

- ## 最后
- 思路很简单，代码就几行，但是前期配置和整理项目结构，是一个痛苦的事情，祝大家好运。