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

网站性能评估

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

相关推荐
我爱学习_zwj9 小时前
4.从零开始学会Vue--{{组件通信}}
前端·javascript·vue.js·笔记·前端框架
engchina12 小时前
使用 Vite + React 19 集成 Tailwind CSS 与 shadcn/ui 组件库完整指南
css·react.js·ui·vite·tailwind·react 19·shadcn
祈澈菇凉20 小时前
React 的 context 是什么?
前端·javascript·react.js
Au_ust20 小时前
千峰React:脚手架准备+JSX基础
前端·javascript·react.js
化作繁星20 小时前
React中如何处理高阶组件中的错误
前端·javascript·react.js
CaptainDrake20 小时前
React 低代码项目:网络请求与问卷基础实现
网络·react.js·低代码
liuyuyang102420 小时前
React 与 Vue 对比指南 - 上
javascript·vue.js·react.js
浊尘21 小时前
React实现自定义图表(线状+柱状)
前端·javascript·react.js
浊尘21 小时前
React实现自动滚动表格
前端·react.js·前端框架
小纯洁w21 小时前
LogicFlow 在 React/Vue 中的完整安装使用指南
vue.js·react.js·logicflow