蚂蚁金服的ant design是一个很好的前端框架封装,但是在使用的过程中往往会遇到一些配置问题,比如使用ant design pro 3.0以上版本时,它采用了新的umi作为底层架构,在这里做一些它的配置简单的记录。
plugins
- Type:
Array
- Default:
[]
export default {
plugins: [
'umi-plugin-react',
// When the plugin has parameters, it is an array, and the second item of the array is a parameter, similar to the babel plugin.
['umi-plugin-react', {
dva: true,
}],
],
};
routes
- Type:
Array
- Default:
null
配置路由,如果配置了 routes,则约定式路由会不生效。
disableRedirectHoist
- 类型:
Boolean
- 默认值:
false
禁用 redirect 上提。
出于一些原因的考虑,我们在处理路由时把所有 redirect 声明提到路由最前面进行匹配,但这导致了一些问题,所以添加了这个配置项,禁用 redirect 上提。
history
- Type:
String
- Default:
browser
类型:String
默认值:browser
如需切换 history 方式为 hash(默认是 browser history),配置 history: 'hash'
。
outputPath
- Type:
String
- Default:
./dist
指定输出路径。
base
- Type:
String
- Default:
/
指定 react-router 的 base,部署到非根目录时需要配置。
publicPath
- Type:
String
- Default:
/
指定 webpack 的 publicPath,指向静态资源文件所在的路径。
runtimePublicPath
- Type:
Boolean
- Default:
false
值为 true 时使用 HTML 里指定的 window.publicPath。
hash
- Type:
Boolean
- Default:
false
是否开启 hash 文件后缀。