探路 Roadhog

最新推荐文章于 2024-05-27 15:09:00 发布

Jartto

最新推荐文章于 2024-05-27 15:09:00 发布

阅读量370

点赞数

本文链接：https://blog.csdn.net/Jartto/article/details/106681269

版权

本文介绍了 Roadhog 框架的用途，如何从 atool-build + dora 迁移到 Roadhog，以及遇到的全局安装、打包发布、异常处理等问题的解决方案，包括模块找不到、打包慢等常见问题的排查方法。

摘要由CSDN通过智能技术生成

为了紧跟 ant design 的步伐，前不久将项目从 dora 切换到了 roadhog。当然，问题也如雨后春笋一般，陆续冒出来，总结一下，也不负折腾。

dva 是基于 redux，redux-saga，react-route 的框架，roadhog 是基于 create-react-app 脚手架优化简便的脚手架。

我们可以这样理解：dva 相当于 react + redux，而 roadhog 则是 webpack

官网是这么描述的：由于 create-react-app 的默认配置不能满足需求，而他又不提供定制的功能，于是基于他实现了一个可配置版。所以如果既要 create-react-app 的优雅体验，又想定制配置，那么可以试试 roadhog 。

首先，全局安装 roadhog

1	npm i roadhog -g

其次，在项目根目录下创建 .roadhogrc 文件，并添加如下代码（配置项请参看官网文档）：

{
        
  "entry": "src/index.js",
  "disableCSSModules": false,
  "publicPath": "/",
  "theme": {
        
    "@primary-color": "#108ee9",

关注