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

网站性能评估

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

相关推荐
会发光的猪。29 分钟前
【 ElementUI 组件Steps 步骤条使用新手详细教程】
前端·javascript·vue.js·elementui·前端框架
baiduguoyun1 小时前
react的import 导入语句中的特殊符号
前端·react.js
前端青山1 小时前
webpack指南
开发语言·前端·javascript·webpack·前端框架
青锐CC2 小时前
webman使用中间件验证指定的控制器及方法[青锐CC]
中间件·前端框架·php
qbbmnnnnnn4 小时前
【vue2.0入门】vue基本语法
前端·vue.js·前端框架
ClareXi4 小时前
react项目通过http调用后端springboot服务最简单示例
spring boot·react.js·http
Dreams°12316 小时前
【ECMAScript标准规范】
前端·vscode·前端框架·ecmascript
咔咔库奇16 小时前
react动态路由
前端·react.js·前端框架
yqcoder17 小时前
react 中 FC 模块作用
前端·react.js·前端框架
刘志辉18 小时前
react的创建与书写
前端·react.js·前端框架