🐛[BUG] ProFormText 等的width属性设置为"lg/md/xs" 时，打包后样式丢失

[xiezht]

trafficstars

🐛 bug 描述

添加 width 属性到 ProFormText 等组件，值为 md/lg/xs/sm/... 皆可。

本地开发环境显示正常。

生产环境打包后，缺少了包含 ".pro-field-md" 等类名的样式表。

在 umi4 和 umi3 中表现略有不同，umi4 似乎是样式chunk加载时机问题。

这里提供umi3的复现步骤。

📷 复现步骤

npm i @ant-design/pro-cli -g
pro create myapp

在 user/Login.tsx 组件添加代码

import {
  ProFormText,
  ProForm
} from '@ant-design/pro-components';

<ProForm>
  <ProFormText width="md"></ProFormText>
</ProForm>

本地开发环境显示宽度正常。

执行 yarn run build 后，部署静态资源，所有资源均可正常请求。

但页面样式显示为 全宽，而非 .pro-field-md 的宽度。

🏞 期望结果

本地开发环境与打包后页面样式一致。

© 版本信息

• ProComponents 版本: latest
• umi 版本：umi3/um4
• 浏览器环境：chrome
• 开发环境: mac OS

🚑 其他信息

打包前本地开发环境页面

打包后页面

[hsbtr]

我的项目也出现了这个问题，请问你最后解决这个问题了吗

[xiezht]

我的项目也出现了这个问题，请问你最后解决这个问题了吗

我的解法比较粗暴，，直接在项目的 global.less 文件引入ProForm缺失的样式表

@import '~@ant-design/pro-form/es/index.less';

[chenshuai2144]

新版本中用css in js 已经解决了

[simplast]

新版本中用css in js 已经解决了

具体是哪个版本以后支持？