react工程化项目搭建主流技术 umi3.0（或者<3.0版本）+ dva + antd构建项目流程

Posted 2021-03-05 lhl66

umi+ dva + antd构建react工程项目（组件化开发搭建项目）
1.官方网站安装node.js（并确保 node 版本是 10.13 或以上）
2.先确保安装成功npm或者yarn
3.npm i yarn tyarn -g (国内源)
4.如果你没有 npx，需要先安装它,用于执行 node_modules 下的命令 yarn global add npx
5.开始构建项目先区分版本：

umi 3.0后也就是目前最新版本

mkdir myapp && cd myapp （新建建个项目目录并进入项目目录）

yarn create @umijs/umi-app （通过官方工具创建项目）

yarn （安装依赖）

yarn start （启动项目）

默认的脚手架内置了 @umijs/preset-react，包含布局、权限、国际化、dva、简易数据流等常用功能。比如想要 ant-design-pro 的布局，编辑 .umirc.ts 配置 layout: {}

yarn build （构建） 部署发布--->把 dist 目录部署到服务器上

3.0以下的版本--->参考 https://umijs.org/zh-CN/docs/upgrade-to-umi-3 配置
Umi 2.x 版本升级到 Umi 3.x 版本

mkdir myapp && cd myapp

yarn create umi

选择 project ----> 选择是否使用 TypeScript ----> 然后，选择你需要的功能 antd dva 等

yarn （安装依赖）

yarn start （启动项目）

更多配置参考官网文档 https://umijs.org/zh-CN/docs/getting-started