实战：umi3

为什么有了dva还有umi?

umi 是 dva 作者 sorrycc 最近整的新玩意，2018.2.26 发布的 1.0 版本。
dva缺点：用户需要自己引入 UI 工具 antd，打包工具 roadhog，路由 react-router，状态管理器 dva
个解：umi基于dva，umi相比dva功能更全

步骤

安装

npm i yarn tyarn -g 本机没有yarn
npm i tyarn -g 本机已有yarn
tyarn -v 1.22.4

初始化

mkdir demo-umi;
cd demo-umi
yarn create @umijs/umi-app 注意：umi-app不能改名
yarn;

dev

yarn start

production

yarn build
yarn global add serve
serve ./dist;

文件目录

• umi3.2.16生成的代码和官方文档显示不一样：文档对应的v2版本，实际代码是v3
• 发现有很多默认约定
• public: 此目录下所有文件会被 copy 到输出路径
• src/.umi: 临时文件目录，如入口文件、路由等会被临时生成到这里。umi dev 和 umi build重新生成
• src/layouts/index.tsx: 约定式路由时的全局布