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

网站性能评估

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

相关推荐
AlkaidSTART10 小时前
TanStack Query 技术指南:异步状态管理核心实践
前端·react.js
ZHENGZJM11 小时前
JWT 鉴权体系:令牌生成与解析
react.js·go
浩星11 小时前
electron系列3:进程模型深度解析:主进程、渲染进程、预加载脚本
前端·electron·前端框架
我命由我1234511 小时前
React - 组件优化、children props 与 render props、错误边界
前端·javascript·react.js·前端框架·html·ecmascript·js
Z_Wonderful12 小时前
React react-app-env.d.ts是 TypeScript 的全局类型声明文件,它的作用
前端·react.js·typescript
cat10month12 小时前
react坑点记录
前端·javascript·react.js
kgduu12 小时前
react源码学习之reconcile
前端·学习·react.js
whuhewei12 小时前
React Fiber架构
前端·react.js·架构
英俊潇洒美少年12 小时前
通用构建优化(编译阶段)+ Vue 专属运行时优化 + React 专属运行时优化
前端·vue.js·react.js
英俊潇洒美少年12 小时前
Vue 和 React 的核心渲染机制 对比
前端·vue.js·react.js