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配置)。


相关推荐
一笑code1 天前
vue/微信小程序/h5 实现react的boundary
微信小程序·vue·react
ZHOU_WUYI14 天前
GitHub OAuth 认证示例
flask·github·react
SuperherRo14 天前
Web攻防-XSS跨站&浏览器UXSS&突变MXSS&Vue&React&Electron框架&JQuery库&写法和版本
vue.js·electron·jquery·react·xss·mxss·uxss
飞鸟malred15 天前
nextjs入门
前端·react·nextjs
aiguangyuan20 天前
React 动态路由的使用和实现原理
react·前端开发
aiguangyuan20 天前
手写简版React-router
react·前端开发
aiguangyuan20 天前
React-router实现原理剖析
react·前端开发
aiguangyuan21 天前
React 19 新特性
react·前端开发
亦世凡华、21 天前
React--》使用vite构建器打造高效的React组件库
经验分享·react·组件库·组件库开发
ZHOU_WUYI21 天前
Umi 框架 quickstart
umi