ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2020-03-18 10:51:36  阅读:706  来源: 互联网

标签:版本 项目 dva yarn react umijs myapp 工程化 umi


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

 

标签:版本,项目,dva,yarn,react,umijs,myapp,工程化,umi
来源: https://www.cnblogs.com/lhl66/p/12515943.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有