【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相关配置进行优化

网站性能评估

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

相关推荐
卷娄4 小时前
prism-react-renderer 扩展语言模块
react.js
matrixmind16 小时前
Nivo 用React打造精美数据可视化的开源利器
其他·react.js·信息可视化·开源
BrendanDash11 小时前
React 19.2 已发布,现已上线 npm!
前端·react.js
whltaoin11 小时前
Vue 与 React 深度对比:技术差异、选型建议与未来趋势
前端·前端框架·vue·react·技术选型
Winson℡20 小时前
React Native 中的 useCallback
javascript·react native·react.js
Baklib梅梅1 天前
2025文档管理软件推荐:效率、安全与协作全解析
前端·ruby on rails·前端框架·ruby
二狗mao1 天前
React学习(一)描述UI
react.js
一只猪皮怪52 天前
React 18 前端最佳实践技术栈清单(2025版)
前端·react.js·前端框架
Misnice2 天前
React渲染超大的字符串
前端·javascript·react.js
带娃的IT创业者2 天前
TypeScript + React + Ant Design 前端架构入门:搭建一个 Flask 个人博客前端
前端·react.js·typescript