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

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

 

猜你喜欢

转载自www.cnblogs.com/lhl66/p/12515943.html