自学内容网 自学内容网
自学内容网 > 正文

【Ant Design Pro】框架入门的起手式及架构的分析

🕗 发布于 2024-11-09 13:53 react.js  前端框架  

框架千千万万，换个公司换个样！umijs官网地址在这里，都要喊它father!! 作为笔记，了解框架结构。官网地址:Ant Design Pro。

在这里插入图片描述

项目环境

  • node 版本18+
  • 依赖安装淘宝镜像，npm i大概要2~3分钟，感觉这种框架很重

安装依赖

npm install

在这里插入图片描述

npm run dev

在这里插入图片描述
上面是用的是npm run dev，项目虽然启动了，但是无法登录，报错显示找不到接口，主要是mock没启动，这里需要使用下面的复合命令

npm run start

在这里插入图片描述
在这里插入图片描述

打包

npm run build

在这里插入图片描述

包优化

npm run analyze

在这里插入图片描述

分析包的体积，webpack相关配置进行优化

在这里插入图片描述

网站性能评估

为我们对网站进行性能优化，进行判断依据
在这里插入图片描述


原文地址：https://blog.csdn.net/qq_27702739/article/details/143632119

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

相关文章

自学内容网
Copyright © 2015-2024