umi框架开辟移动端h5
1、官网：https://umijs.org/2、创建出来的项目
yarn create umi
yarn start
https://i-blog.csdnimg.cn/direct/b22fbed35c5841a6801af6d267f6573e.png
https://i-blog.csdnimg.cn/direct/5a36646691bb4505a8a53e41095ce690.png
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设置）。
https://i-blog.csdnimg.cn/direct/ec55dd803b90441bad17c43fb948f38a.png
https://i-blog.csdnimg.cn/direct/e0e2003506e041ecaced1d77ad2207b2.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]