四、umi配置

这里主要是umi和webpack系列的配置。这些都是在config/config.js里面配置的

一、基本配置

• (1)plugins: 配置插件列表
  • 类型Array,
  • 默认值[]
  • 介绍：数组项为指向插件的路径，可以是 npm 依赖、相对路径或绝对路径。如果是相对路径，则会从项目根目录开始找。如果插件有参数，则通过数组的形式进行配置，第一项是路径，第二项是参数

export default {
  plugins: [
    // 有参数
    [
      'umi-plugin-react',
      {
        dva: true,
        antd: true,
      },
    ],
    './plugin',
  ],
};

• (2)routes: 配置路由
  • 类型Array,
  • 默认值null
  • 介绍：umi 的路由基于 react-router 实现，配置和 react-router@4 基本一致，详见路由配置章节。component 指向的路由组件文件是从 src/pages 目录开始解析的。如果配置了 routes，则优先使用配置式路由，且约定式路由会不生效

export default {
  routes: [
    {
      path: '/',
      component: '../layouts/index',
      routes: [
        { path: '/user', redirect: '/user/login' },
        { path: '/user/login', component: './user/login' },
      ],
    },
  ],
};

• (3)history: 指定 history 类型
  • 类型String | [String, Object],
  • 默认值browser
  • 介绍：可选 browser、hash 和 memory

export default {
  history: 'hash',
};

• (4)hash: 是否开启 hash 文件后缀
  • 类型Boolean,
  • 默认值false

• (5)outputPath: 指定输出路径
  • 类型String,
  • 默认值./dist
  • 介绍：不允许设置