当前位置： 首页 > article >正文

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

article 2024/11/17 21:56:20

框架千千万万，换个公司换个样！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.kler.cn/a/385837.html

相关文章：

  • mybatis-plus: mapper-locations: “classpath*:/mapper/**/*.xml“配置！！！解释
  • PostgreSQL物化视图详解
  • 【AI图像生成网站Golang】雪花算法
  • 排序排序的概念及其运用和选择排序
  • 容器内的Jenkins使用docker部署服务，服务数据文件挂载问题
  • 【项目开发】Web App vs Native App，开发者作何选择？
  • MongoDB 基础与应用
  • 如何管理PHP的API部署环境
  • iPhone 17版本的开发者权限如何开启？
  • Oracle 第29章：Oracle数据库未来展望
  • 15分钟学 Go 第 43 天:前端与Go的结合
  • qt QClipboard详解
  • # 使用VMwarWorkstation虚拟机安装Ubuntu系统
  • Obsidian之与Typora图片格式相互兼容
  • 【缓存与加速技术实践】Web缓存代理与CDN内容分发网络
  • 图像分割1
  • FTP替代方案：FileLink内外网文件摆渡，助力企业安全高效文件传输
  • 【Hadoop实训】Flume系统负载均衡测试
  • Java项目实战II基于Spring Boot的高校教师电子名片系统的设计与实现（开发文档+数据库+源码）
  • Apache POI 操作Word常用方法
  • 【欧拉公式】从无穷级数角度理解
  • SparkCore中的常见问题
  • C#-异步查询示例
  • 理解 WordPress | 第一篇：与内容管理系统的关系
  • HiveSQL面试题
  • 惊爆：抖音小程序广告掘金计划，游戏+广告双赢新趋势！