四、umi配置

最新推荐文章于 2025-04-22 13:56:50 发布

谁诉离殇~

最新推荐文章于 2025-04-22 13:56:50 发布

阅读量5.3k

点赞数

分类专栏：框架(level 1) # React系列(level 2) # umi(level 3) 文章标签： react.js

本文链接：https://blog.youkuaiyun.com/rocktanga/article/details/122907912

版权

本文详细介绍了umi的基本配置和webpack配置，包括plugins、routes、history、outputPath等umi配置，以及chainWebpack、theme、proxy等webpack配置选项，帮助理解并定制umi项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里主要是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' },
      ],
    },
  ],
};