Umi框架学习笔记

Umi是一款前端应用框架 官方文档:https://umijs.org/zh-CN/docs 根据官方文档要求,node版本>=10.13 yarn create @umijs/umi-app 安装依赖 yarn 启动项目 yarn start 构建项目(默认生成到./dist) yarn build 路由(src\.umi\core\routes.ts) "routes": [ { "path": "/", "component": require('@/pages/index').default, "exact": true },{ "path": "/admin", "component": require('@/pages/admin').default, "exact": true } ] 组件文件放在src\pages下 path是路径,component是组件路径,绝对和相对都可以用,也可以有require(’@/pages/xxx’)的方式 exact表示是否严格匹配,就是path和组件路径是否要完全对应,默认为开启,如果设置为false,表示模糊匹配 子组件 "routes": [ { "path": "/", "redirect": '/admin', },{ "path": "/admin", "component": require('@/pages/admin').default, routes: [ { path: '/admin/archives', redirect: '/' }, { path: '/admin/category', component: 'category' }, ] } ] redirect是跳转路由,当访问/的时候,跳转到/admin 文件路由(根据目录和文件名来分析路由) 如果没有routes路由配置,那么就会触发该文件路由,通过分析src/pages目录 注意:用.或者_开头的文件,用d.ts结尾的文件,不是 ....

2021-09-20 · 1 min · Me