mui+react+webpack的新奇摩擦

        最开是接触的混合框架是mui，当时觉mui有一个很大的不方便，不能如当今vue或者react一样组件化开发，很多这样的场景，每个APP都有头部，每次都要去复制粘贴头部的样式改一下每个都要改很不方便，之后慢慢接触react和vue，觉得这两个框架能和mui擦出不错的火花，完成组件开发。

        这样做在我看来的优势：

                1、组件化开发，重用性和易改性提高。

                2、单向绑定，数据流清晰，减少dom操作。

        缺点：真机调试速度慢

        下面开始我的尝试，vue或许会更好，下次再研究。

这是我的文件结构

        config----为webpack配置文件

        dist    ---为打包后的文件

        src     ---为我们开发时所用的文件

                component --- 公用组件

                css --- 公用css

                fonts---字体文件

                login---登陆页面

                main---首页

                .........

        unpackage和manifest.json  --- 为mui APP文件

        index.ejs   --- 为生成每个页面的模板html

        package.json --- 配置文件

        贴出简易的公用header组件代码：

可以把所以头部的展示都写上，然后根据props来切换不同的Header

        使用react+mui有一个不方便的地方，便是文件越大，打包时间越长，会延长测试代码时间。所以个人建议前期做UI时使用热替换，在本地浏览器查看样式，这样速度快很多。还有不方便的地方便是需要把class切换成className。或许vue更为优秀。有一样想法的朋友可以一起探讨。

源码下载地址：github.com/wenlei0617/mui-react