简单概述UmiJS框架中，useModel插件的使用说明与注意事项。

最近和几个朋友做了一个小项目，本着工作上的惯性，为其前端使用了UmiJS + Ant Design的经典组合。由于项目要上单片机，前端打包后的存储空间被限制在了2MB以内，其无法使用大规模的框架与插件，因此我在部署的时候并没有使用全功能的Umi Max，而是最简单的Umi 4.x来初始化。

初始化项目

没什么好说的，直接参考官方文档中的内容进行初始化，安装没有选择Umi + Ant Design Pro组合，而是仅使用Umi。这会让初始化时的使用的插件达到最少，几乎只使用了Ant Design基本的库、路由插件、代码分割等最简单的功能。

插件安装

Umi在其文档 - 插件页亦有清晰的表示。需要首先对插件总包进行安装：

bash
yarn add @umijs/plugins

在.umirc.ts中，添加一个plugins字段，并将想要使用的插件填入（以useModel为例）：

js
import {defineConfig} from "umi";

export default defineConfig({
  ...
  plugins: ['@umijs/plugins/dist/model',],
});

插件使用

大部分插件可以直接使用import导入到项目中，如：

js
import {useModel} from 'umi';

const userInfoModel = useModel('userInfo');