umi笔记

接到一个新需求：把微信小程序页面复刻一版H5的

看了看git上的框架，umi很多人用。（2021-07-14有10.8k个star）

新建一个工程的官方指引

因为组内其他不常用H5的同事需要使用，所以用dva。在这个文件中加入这个就可以用dva。

dva文件识别规则

因为开发模式的热更新（ctrl+s）时间过长，推荐我使用MFSU

使用MFSU

url中的**/#/** 无法识别，动态路由无法正确跳转，在设置中（.umirc.ts文件）增加hash

import { defineConfig } from 'umi';

export default defineConfig({
  nodeModulesTransform: {
    type: 'none',
  },
  fastRefresh: {},
  history: {
  	type: 'hash'
  },
  hash: true
});

使用约定式路由

原因：不需要维护一个router.js文件来管理路由。

使用全局的layout（高阶组件）

约定式的 model 组织方式

src/models 下的文件
src/pages 下，子目录中 models 目录下的文件
src/pages 下，所有 model.ts 文件(不区分任何字母大小写)