react-umi-2-1.layout快速布局

ps：如果对umi框架不是很熟的小伙伴，我建议你先过文档，然后在来继续学会有非常好的效果，主要过一遍目录结构、配置、运行时配置即可。

上篇我们运行起项目，效果是这样的

这可不是我们想要的，常见的后端管理系统，基本都是分三大部分：头部导航栏、左边导航栏、内容。

可能我们之前常做的操作就是新建一个layout组件，然后各种写各种封装...可是你使用umi3框架之后，就是几行代码就可以搞定了。

.umirc.ts

import { defineConfig } from 'umi';

export default defineConfig({
  nodeModulesTransform: {
    type: 'none',
  },
  layout: {
    name: 'An中台系统',
    theme: 'pro',
    locale: true,
  },
  routes: [