umi框架开发移动端h5

1、官网:https://umijs.org/

2、创建出来的项目

bash 复制代码
yarn create umi
yarn start

3、推荐目录结构

.

├── config

│ └── config.ts

├── public//静态资源

├── dist

├── mock

│ └── app.ts|tsx

├── src

│ ├── .umi

│ ├── .umi-production

│ ├── layouts

│ │ ├── BasicLayout.tsx

│ │ ├── index.less

│ ├── models

│ │ ├── global.ts

│ │ └── index.ts

│ ├── pages

│ │ ├── index.less

│ │ └── index.tsx

│ ├── utils // 推荐目录

│ │ └── index.ts

│ ├── services // 推荐目录

│ │ └── api.ts

│ ├── app.(ts|tsx)

│ ├── global.ts

│ ├── global.(css|less|sass|scss)

│ ├── overrides.(css|less|sass|scss)

│ ├── favicon.(ico|gif|png|jpg|jpeg|svg|avif|webp)

│ └── loading.(tsx|jsx)

├── node_modules

│ └── .cache

│ ├── bundler-webpack

│ ├── mfsu

│ └── mfsu-deps

├── .env //环境变量

├── plugin.ts

├── .umirc.ts // 与 config/config 文件 2 选一 ,对webpack进行配置

├── package.json

├── tsconfig.json

└── typings.d.ts

4、config/config.ts

直接把.umirc.ts复制过来的,route中的组件都不需要写导入,非运行时配置(webpack配置)。


相关推荐
友莘居士1 天前
Dify中的Agent和发现和调用mcp工具两个节点调用的异同
agent·react·dify·functioncalling·mcp
aiguangyuan2 天前
前端开发性能优化概要
系统架构·vue·react·前端开发
叶 落6 天前
Component cannot be used as a JSX component
typescript·react
小浣熊喜欢揍臭臭8 天前
react+antd+表格拖拽排序以及上移、下移、移到顶部、移到底部
前端·前端框架·react
小浣熊喜欢揍臭臭8 天前
react+antd 可拖拽模态框组件
前端·javascript·react
人肉推土机10 天前
Planning Agent:基于大模型的动态规划与ReAct机制,实现复杂问题自适应执行求解
大模型·动态规划·react·planning agent
伍哥的传说10 天前
Webpack5 新特性与详细配置指南
webpack·前端框架·vue·vue3·react·webpack5·前端构建
止观止13 天前
React虚拟DOM的进化之路
前端·react.js·前端框架·reactjs·react
前端风云志13 天前
Ant Design如何自定义输入框(Input)组件样式
react·ant design
爱看书的小沐15 天前
【小沐杂货铺】基于Three.JS绘制汽车展示Car(WebGL、vue、react、autoshow、提供全部源代码)
汽车·vue3·react·webgl·three.js·opengl·autoshow