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

网站性能评估

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

相关推荐
星辰引路-Lefan2 小时前
深入理解React Hooks的原理与实践
前端·javascript·react.js
飞鸟malred3 小时前
vite+tailwind封装组件库
前端·react.js·npm
TE-茶叶蛋3 小时前
Vue Fragment vs React Fragment
javascript·vue.js·react.js
xd000027 小时前
12.vite,webpack构建工具
react.js
WildBlue7 小时前
🚀 React初体验:从“秃头程序员”到“数据魔法师”的奇幻漂流
前端·react.js
哼唧唧_8 小时前
使用 React Native 开发鸿蒙(HarmonyOS)运动健康类应用的系统化准备工作
react native·react.js·harmonyos·harmony os5·运动健康
我命由我123459 小时前
VSCode - VSCode 放大与缩小代码
前端·ide·windows·vscode·前端框架·编辑器·软件工具
_一两风9 小时前
React 组件化开发:从项目创建到组件通信
react.js
Nejosi_念旧9 小时前
Vite 双引擎架构 —— Esbuild 概念篇
架构·前端框架
工呈士9 小时前
Context API 应用与局限性
前端·react.js·面试