umi + react+antd遇到的问题
发布时间
阅读量:
阅读量
Q1:antd下拉选项偏移,如何固定?
使用getPopupContainer属性

Q2:antd表格table设置width不起效,原因?解决方法?
原因:若当前column字段为超长连续单词或数字就会破坏表格布局。
解决方法:
可为其他column加上宽度,在表格上加上style:style={{ wordBreak: 'break-all' }},为了美观,还可以给超长连续单词column加上ellipsis属性

Q3:umi更改生成文件的hash值,只添加其他异步文件的hash值,不更改umi.js主文件的hash值
umi定义了dynamicImport:{}就会按需加载,减少首屏加载体积,就会生成多个js文件,有时在后端部署模板时需引入主js文件,主js文件引入其他文件,为了能及时获取到最新资源,就需要其他文件配上hash值。
生成多个js文件:

全部带上hash值:
主文件umi.js不带hash值,其他文件带hash值,webpack配置:

Q4:去掉umi加载页面前自带loading样式,或自定义loading样式
在dynamicImport属性中,有loading配置项,可以配置自定义loading。

当前我配置的是为了去掉默认loading
Q5:umi配置404页面
umi配置404页面需要在umi规定的路由pages,下建立404.tsx,此页面里的极为默认404组件。在routes.js 路由配置文件中,会有404页面,无需配置path。

Q6:umi修改路由为hash模式的
umi默认路由模式为browser模式,想修改路由模式,需在history选项中设置

Q7:umi如何全部自动导入公共css样式文件
**** 需要webpack配置:

全部评论 (0)
还没有任何评论哟~
