umi框架初探(1)--初始化

一直在寻找一套基于react+antd的插件化开发框架，没想到猫厂的大大已经实现了而且开源，官网还有不少实例，今天就初步研究一下这套插件化的企业级react应用框架。

1. 下载node,并且版本是8.10或以上
2. 推荐使用yarn管理npm依赖，并使用国内源
3. 使用create-umi脚手架来快速创建项目代码

   $ yarn create umi
   

   yarn 会先安装最新版的 create-umi，然后提供交互式的提示来创建应用

   ? Select the boilerplate type (Use arrow keys)
     ant-design-pro  - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
   ❯ app             - Create project with a simple boilerplate, support typescript.
     block           - Create a umi block.
     library         - Create a library with umi.
     plugin          - Create a umi plugin.
   

   ant-design-pro ：包含 antd-pro布局的脚手架
   app：通用项目脚手架
   block: 区块脚手架，页面级别的可复用的代码，可以实现页面的按需加载，目前暂不清楚区块和插 件的区别
   plugin：umi插件框架

选择app回车继续，选择是否使用 TypeScript，如果选择y，则生成的应用代码使用typescript生成

? Do you want to use typescript? (y/N)

然后选择需要的功能,这里列出的都是umi的默认插件，根据需要选择

? What functionality do you want to enable? (Press <space> to select, <a> to toggle all, <i> to invert selection)
❯◯ antd
 ◯ dva
 ◯ code splitting
 ◯ dll   
 ◯ internationalization

antd：启用后自动配置 babel-plugin-import 实现 antd, antd-mobile 和 antd-pro 的按需编译，并且内置 antd, antd-mobile 依赖，无需手动在项目中安装。
其余的插件参考umi官方插件

然后安装依赖就可以启动项目了