>[danger]做了哪些基于umi修改的配置? 在 React 项目中使用 umi 作为脚手架工具时,可以进行一系列基于 umi 的配置来定制化项目的行为和特性。以下是一些常见的基于 umi 修改的配置选项: 1. **路由配置**:umi 使用约定式路由,但也支持手动配置路由。可以通过修改 `config/config.js` 文件的 `routes` 配置项来定义路由信息,包括路由路径、组件映射关系等。 2. **代理配置**:在开发环境中,可以通过配置 `config/config.js` 中的 `proxy` 来设置代理,将前端请求代理到后端 API 服务器,方便开发调试。 3. **主题定制**:umi 支持 Ant Design 主题定制,可以在 `config/config.js` 中的 `theme` 配置项中定义需要覆盖的 Ant Design 主题变量。 4. **插件配置**:umi 具有丰富的插件体系,可以根据项目需求引入各种插件,并进行相应的配置。比如使用插件实现路由权限控制、状态管理集成等功能。 5. **打包配置**:可以通过 `config/config.js` 中的 `chainWebpack` 方法来对 webpack 进行定制化配置,以满足特定的打包需求,比如代码分割、资源压缩等。 6. **布局配置**:umi 提供了布局组件的概念,可以通过 `config/config.js` 中的 `layout` 配置项来配置全局布局,比如设置页面头部、侧边栏等。 7. **Mock 数据配置**:在开发阶段可以通过 umi 内置的 mock 功能模拟接口数据,可以通过 `config/config.js` 中的 `mock` 配置项进行相关配置。 8. **全局样式配置**:可以在 `config/config.js` 中的 `extraBabelPlugins` 或者 `extraPostCSSPlugins` 中添加全局的 babel 插件或者 PostCSS 插件,用于处理全局样式。