umi.js的简单理解

什么是umi.js?

1. 插件化 内部由大量的插件组成，列如pwa按需加载 一件兼容等
2. 开箱即用 安装一个umi依赖足以（react webpack react-router等）
3. 约定式路由 抛开繁琐的配置（支持权限 动态路由 路由嵌套等）

通过脚手架创建项目 参考官方文档：

https://umijs.org/zh/guide/create-umi-app.html#%E4%BB%8B%E7%BB%8D-create-umi

约定式路由和配置式路由的区别

约定式路由：即框架为了简便开发约定page目录下的文件皆为路由，框架自动配置路由，不需要手写路由配置，根据你构建的目录进行自动生成路由；
约定路由文件的首个注释如果包含 yaml 格式的配置，则会被用于扩展路由。

/**
 * title: Index Page
 * Routes:
 *   - ./src/routes/a.js
 *   - ./src/routes/b.js
 */

配置式路由：手动配置路由可以 .umirc.(ts|js) 或者 config/config.(ts|js) 配置文件中的 routes 属性，此配置项存在时则不会对 src/pages 目录做约定式的解析。
umi 的权限路由是通过配置路由的 Routes 属性来实现。约定式的通过 yaml 注释添加，配置式的直接配上即可。

[
  { path: '/', component: './pages/index.js' },
  { path: '/list', component: './pages/list.js', Routes: ['./routes/PrivateRoute.js'] },
]

来源：CSDN

作者：学海无涯，生有崖

链接：https://blog.csdn.net/weixin_43550927/article/details/103843573