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

网站性能评估

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

相关推荐
yuanyxh1 天前
静默打印程序实现
前端·react.js·electron
前端老宋Running1 天前
“受控组件”的诅咒:为什么你需要 React Hook Form + Zod 来拯救你的键盘?
前端·javascript·react.js
风止何安啊1 天前
拿捏 React 组件通讯:从父子到跨组件的「传功秘籍」
前端·react.js·面试
韭菜炒大葱1 天前
React 新手村通关指南:状态、组件与魔法 UI 🧙‍♂️
前端·javascript·react.js
用户12039112947262 天前
从零掌握 React JSX:为什么它让前端开发像搭积木一样简单?
前端·react.js·面试
Light602 天前
Signal 与现代前端框架的响应式机制
性能优化·前端框架·边缘计算·signal·细粒度响应·ai驱动界面
3秒一个大2 天前
JSX 基本语法与 React 组件化思想
前端·react.js
HexCIer2 天前
Arco Design 停摆!字节跳动 UI 库凉了?
react.js·前端框架
风止何安啊2 天前
React 入门秘籍:像搭积木一样写网页,JSX 让开发爽到飞起!
前端·react.js·前端框架
whyfail2 天前
React原理(暴力版)
前端·react.js