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

网站性能评估

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

相关推荐
AliciaIr8 分钟前
深入理解React Hook:useRef的底层机制与高级应用
前端·react.js
风清云淡_A16 小时前
【REACT18.x】CRA+TS+ANTD5.X封装自定义的hooks复用业务功能
前端·react.js
@大迁世界16 小时前
第7章 React性能优化核心
前端·javascript·react.js·性能优化·前端框架
我是哈哈hh17 小时前
【AJAX项目】黑马头条——数据管理平台
前端·javascript·ajax·前端框架·axios·proxy模式
我想说一句17 小时前
使用React开发拉布布旅游智能聊天机器人的实践
前端·前端框架
咔咔一顿操作18 小时前
常见问题三
前端·javascript·vue.js·前端框架
NicolasCage18 小时前
react-typescript学习笔记
javascript·react.js
ZL不懂前端20 小时前
使用 React + Konva 构建交互式立方体绘制工具
react.js·ecmascript 6
每天开心20 小时前
噜噜旅游App(4)——构建旅游智能客服模块,实现AI聊天
前端·微信小程序·前端框架
NicolasCage21 小时前
Icon图标库推荐
vue.js·react.js·icon