当前位置: 首页 > news >正文

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

框架千千万万,换个公司换个样!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相关配置进行优化

在这里插入图片描述

网站性能评估

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


http://www.mrgr.cn/news/68945.html

相关文章:

  • C/C++ 模板与so
  • EasyExcel级联下拉
  • 17RAL_Visual-Inertial Monocular SLAM with Map Reuse
  • go语言中的接口含义和用法详解
  • CAN总线数据帧格式详细介绍
  • 2024下半年自学黑客(网络安全)
  • 使用SpringAI快速实现离线/本地大模型应用
  • [241109] 树莓派触摸显示屏 2 代上市 | LibreOffice 24.2.7 发布,24.2 分支的最终版本
  • Python函数专题:默认参数与关键字参数
  • PMP–一、二、三模、冲刺–分类–6.进度管理--技巧--资源平衡资源平滑
  • 【C语言】调试宏:进阶篇
  • Linux相关概念和易错知识点(19)(HDD、Block group)
  • 前端基础的讲解-JS(9)
  • 使用 PageHelper 在 Spring Boot 项目中实现分页查询
  • PostgreSQL INITDB 初始化失败问题
  • 【activiti工作流源码集成】springboot+activiti+mysql+vue+redis工作流审批流集成整合业务绑定表单流程图会签驳回
  • Golang | Leetcode Golang题解之第551题学生出勤记录I
  • 二维数组转一维数组提升效率方法
  • 网络安全技术及其在企业中的应用
  • CDMA(Code Division Multiple Access)
  • 数据分析主要干什么
  • IoTDB 与 HBase 对比详解:架构、功能与性能
  • 二叉树方面的题
  • 读数据工程之道:设计和构建健壮的数据系统32序列化和云网络
  • 一个灵活且功能强大的动画库 Popmotion
  • Redis集群模式之Redis Sentinel vs. Redis Cluster