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

网站性能评估

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

相关推荐
清晨Coding13 小时前
为什么用 React Developer Tools 查看组件树这么乱?
前端·react.js
生活的囚徒2 天前
从一堆Excel到一套系统:项目管理+研发管理双门户的落地实践
react.js
ZhengEnCi3 天前
AI Agent 时代前端项目怎么组织:按页面纵向切块,替代按类型分层目录
架构·前端框架·前端工程化
ZhengEnCi3 天前
React 19 加 Vite 6 企业级前端项目目录结构:无路由 SPA、zustand 与 Tailwind 4 的分层架构指南
react.js
用户298698530143 天前
React 前端实现 Excel 与 CSV 互转:基于 WebAssembly 的浏览器端方案
javascript·react.js·excel
Highcharts.js5 天前
Highcharts Orbit 完全指南:把每一张图表变成交互式分析工具
react.js·前端框架·highcharts·orbit·使用指南·ai 图表·交互式分析工具
鸿蒙开发5 天前
小程序存档写到一半怎么办?双槽保存与损坏恢复实战
前端·javascript·react.js
古茗前端团队7 天前
由 key 引发的思考
前端·javascript·react.js
用户2986985301410 天前
React 前端将 Excel 工作表导出为图片的技术实践
javascript·react.js·excel
多客:duokelijie11 天前
代练订单系统选型思路:跨品类游戏接入、订单分层管理、自动结算逻辑拆解!
数据库·mysql·微信小程序·前端框架·uni-app·php·持续部署