关于前端:微前端中为子应用配备开发环境临时导航菜单提高开发效率

首发于语雀文档

子利用开发过程中，势必须要频繁地切换菜单 , 但因为子利用打包后是要接入到基座的，因而不能有菜单等。但如此的话，日常的开发又会不不便，甚至影响开发效率。

但我的集体直觉，貌似更正确的做法是：将子利用间接接入到基座中开发调试，

因而目前场景下，咱们须要的是：
在开发环境下，咱们心愿有菜单，不便咱们开发人员进入及路由切换；
在生产环境下，咱们心愿没有菜单；

因而咱们能够在打包里做手脚。

个别能思考到这种场景的，势必也是应用 umi 有一段时间了，因而操作这块的介绍不会具体到傻瓜式教学。

因为咱们应用的 umi +qiankun 实现的微前端，因而请先搭建 umi 脚手架，具体操作请依照文档。

https://umijs.org/zh-CN/docs/getting-started# 脚手架

二、创立 .umirc.local.ts
local 配置只会在本地开发环境的状况下失效，因而很合乎咱们想要的场景

https://umijs.org/zh-CN/docs/config# 本地长期配置

三、配置导航菜单
利用现成已有的依赖 @umijs/plugin-layout，配置导航菜单

https://umijs.org/zh-CN/plugins/plugin-layout# 扩大的路由配置

我是凭回顾写下此文章的，如果有不妥或缺失步骤之处，麻烦揭示，我会及时批改，谢谢。

https://github.com/blueju/my-ideal-umi-subapp-boilerplate

场景