roadhog 和 umi 和 dva 区别

Question

roadhog

roadhog 本来就很简单，只有三个命令 server（启动服务），build（构建项目），test（测试）。roadhog 是针对 created-react-app 官方脚手架的优化，created-react-app 封装的很好减去了很多配置的程序，但是可扩展性很弱，roadhog 可以进行 json 格式的配置 ，而且默认开启了 css -modules 的功能。相当于官方脚手架的扩展。他只是一个单纯的 webpack 的封装工具

umi

umi 集合了 roadhog+路由+html 生成 + 完善的插件机制，这句是文档上就有些的 ，首先按 umi 上自带了 roadhog 的配置和命令，而其主要功能就在于约定式的路由和 html 生成。通过命令可以直接生成模块文件，功能文件，然后直接通过文件的层级关系生成约定式的路由。umi 主要就是解决了项目的路由问题，不需要手动来写完整的路由结构，且是文件结构与路由结构同步，且与 mock.js 结合起来可以方便的进行前端 mock 数据测试。还提供了动态加载等实现方法。

dva

dva 一般是与 umi 结合在一起用的 ，dva 主要就是用来解决数据流的问题 ，umi 针对于路由的控制，dva 主要的功能就是将 redux 和 redux-saga 两者相结合在一起，在原来的写法上，redux 和 redux-sagas 是相对分离的并没有很清晰的模块概念，在 dva 中将 redux 的同步操作，和带有副作用的异步 effect 操作，写在一个 model 里，简化了写法让一个功能块的数据操作更加清晰明确。除了这个主要功能外，还添加了一些附加的插件功能。