Umi +React + dva + Ant Design Pro 的项目学习（三) Umi项目的常用配置

1.配置目录

这章的主角就是我们的 .umirc.ts文件，其实通常情况下因为配置比较复杂，我们往往会把 .umirc.ts 配置到 config/config.ts 中，然后会把config里面的部分给分离出来，比如 routes.ts ，下图就是一个分离完的config目录。但是只是简单对umi的学习我们还是使用 .umirc.ts来进行学习。

2.配置对象

• hash 配置

配置是否让生成的文件包含 hash 后缀，通常用于增量发布和避免浏览器加载缓存。

你可以执行build指令来生成以下dist文件，可以看到已经加上hash后缀了，这样浏览器读取的时候名字不同就不会缓存了。

$ tyarn build

• base 配置

设置路由前缀，通常用于部署到非根目录。注意是 【路由】前缀

可以看到配置完后访问http://localhost:8000/base也能访问到

• outputPath 配置

配置输出路径

比如之前输出都是放到dist中，如果需要自定义路径的话可以用

写完后build一下，发现多了一个output文件

• title 配置

修改网页的标题

这个比较好理解，就是tab框的名字，当然后面可以再路由里面单独修改，这个只是修改默认的。

可以看到名字已经变了

• targets 配置

配置需要兼容的浏览器最低版本，会自动引入 polyfill 和做语法转换。

比如下面就是规定ie浏览器访问的最低版本是11

• proxy 配置

配置代理能力。

比如图中配置了用 “/api” 为前缀的路由请求全都会走代理请求，pathRewrite是重写命令，图中就是会帮你把/api 去掉，比如访问的url是 “/api/index” 走了代理之后，他会帮走代理，然后帮你处理掉 “/api” 这个多余的url前缀 然后访问 "/index"

• theme 配置

配置主题，实际上是配 less 变量。

然后最后就是路由的配置了，这个关系整个项目的跳转逻辑，就放后面单独讲了。

更多详细的内容可以看官网文档：https://umijs.org/zh-CN/config