【Ant Design Pro】框架入门的起手式及架构的分析

框架千千万万,换个公司换个样!umijs官网地址在这里,都要喊它father!! 作为笔记,了解框架结构。官网地址:Ant Design Pro

项目环境

  • node 版本18+
  • 依赖安装淘宝镜像,npm i大概要2~3分钟,感觉这种框架很重

安装依赖

bash 复制代码
npm install
bash 复制代码
npm run dev

上面是用的是npm run dev,项目虽然启动了,但是无法登录,报错显示找不到接口,主要是mock没启动,这里需要使用下面的复合命令

bash 复制代码
npm run start


打包

bash 复制代码
npm run build

包优化

bash 复制代码
npm run analyze

分析包的体积,webpack相关配置进行优化

网站性能评估

为我们对网站进行性能优化,进行判断依据

相关推荐
Jolyne_3 小时前
css实现圆柱体
前端·css·react.js
Thomas游戏开发4 小时前
Unity3D事件驱动架构设计指南
前端框架·unity3d·游戏开发
._Ha!n.8 小时前
React基础知识(一)
react.js
迷途小码农零零发9 小时前
createContext+useContext+useReducer组合管理React复杂状态
前端·javascript·react.js
YiHanXii9 小时前
React中的跨组件通信
前端·javascript·react.js
沫客9 小时前
VSCode上的bugger实践
前端·前端框架
平山9 小时前
React 入门指南
前端·react.js
每一天,每一步12 小时前
echarts生成3D立体地图react组件
javascript·react.js·echarts
GISer_Jing17 小时前
前端算法实战:大小堆原理与应用详解(React中优先队列实现|求前K个最大数/高频元素)
前端·算法·react.js
今天也想MK代码1 天前
ReFormX:现代化的 React 表单解决方案 - 深度解析与最佳实践
前端·react.js·性能优化