用umi搞前端

前端要正常愉快的写代码, 框架看来是不可避免了, 不然的话代码就要前端一套, 后端一套了.

• 这是一个纯前端架构, 不建议后端使用.

#拿到项目之后
npm i yarn tyarn -g #全局替换yarn源, npm源也建议替换
yarn global add umi #全局安装umi.
umi -v  #check一下umi安装情况

yarn #安装依赖包
yarn start #启动项目

• 简单的umi命令

umi g page xxx  #umi自动生成一个页面xxx.
umi dev #umi启动.
umi build #构建
serve ./dist #验证构建结果
now ./dist #部署
umi test #测试  会查找所有的 .test.js 和 .e2e.js 文件来跑测试。
umi inspect #配置检查

• 需要特别关注的章节:
  • 目录及约定 https://umijs.org/zh/guide/app-structure.html
  • 路由 https://umijs.org/zh/guide/router.html

有一个代码可以死机

import { Map as ReactAMap } from 'react-amap'; //这里引入Map
export default class Map extends Component {} //这里定义Map

route的含义

routes: [{ path: '/invite', component: './inviteContact' }]
//这一行的意思是: url访问/invite, 实际工作位置/invitecontact/index.js