不全局引入ant样式的话打包后发布到线上ant的样式全部丢了

[jie123js]

Reproduction link

http://172.16.19.67:11051/

Steps to reproduce

具体就是很奇怪,本地我没有全局引入样式是没问题的,公司测试环境部署也是没问题的,但是发布到内网后ant的样式全丢了,最后我必须全局import 'antd/dist/antd.css'加了这个后样式才出来,这个url你们访问不了的 内网的

What is expected?

如果不需要全局引入,打包应该出现ant的样式

What is actually happening?

没有全局引入import 'antd/dist/antd.css',的话,打包后发布到内网环境的线上样式就没了,只是ant的样式没了,基础的CSS样式是有的,很奇怪普通的环境不用全局引入也是好的,但是内网如果不加这个就出不来

Environment	Info
antd	5.13.2
React	18.2
System	window
Browser	都是最新版本的

---

我只是就提问一下 到底需要全局引入这个样式吗,我看文档,文档好像都是按需加载都没写要import 'antd/dist/antd.css',

[crazyair]

使用什么脚手架？提供最小复现仓库

[github-actions]

Hello @jie123js. Please provide a online reproduction by forking codesandbox of antd@5.x or antd@4.x, or provide a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 3 days.

你好 @jie123js，我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击这里创建一个 antd@5.x 或 antd@4.x 的 codesandbox，或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。

什么是最小化重现，为什么这是必需的？

[Wxh16144]

import 'antd/dist/antd.css'? 你这是还在用的 4.x 吧

[jie123js]

使用什么脚手架？提供最小复现仓库

create-react-app 实际项目中是不需要这行代码的 但是打包上线不加的话样式就全丢了 测试环境是不丢的 内网环境就不行

[jie123js]

import 'antd/dist/antd.css'? 你这是还在用的 4.x 吧
create-react-app 实际项目中是不需要这行代码的 但是打包上线不加的话样式就全丢了 测试环境是不丢的 内网环境就不行
是5.0

[jie123js]

使用什么脚手架？提供最小复现仓库

https://gitee.com/zheng-daniu/ant-test 现在里面是import 'antd/dist/antd.css' 但是正常删了这行代码也不影响 只是打包会影响

[crazyair]

我 build 后，用 serve build 启动编译文件，打开的是能看到样式的

[crazyair]

[jie123js]

现在我仓库的代码打包后 不管我加不加import 'antd/dist/antd.css serve都是可以的 就是内网环境就必须加这个才可以,我是好奇这个问题, 问题是已经解决了就是加上import 'antd/dist/antd.css就可以,但是就是说 文档里面也没说要加这个,不加可能会导致打包后出现ant样式丢失的问题 就是想知道原因是啥

[afc163]

antd 5.0 中都不存在 antd/dist/antd.css 这个文件，你这个解法明显是不合理的。

[crazyair]

antd v5没有这个 css 文件，我运行时候报错了，我注释了。

[afc163]

@jie123js 请给出重现步骤吧。

[jie123js]

现在我仓库的代码打包后 不管我加不加import 'antd/dist/antd.css serve都是可以的 就是内网环境就必须加这个才可以,我是好奇这个问题, 问题是已经解决了就是加上import 'antd/dist/antd.css就可以,但是就是说 文档里面也没说要加这个,不加可能会导致打包后出现ant样式丢失的问题 就是想知道原因是啥

antd 5.0 中都不存在 antd/dist/antd.css 这个文件，你这个解法明显是不合理的。

antd v5没有这个 css 文件，我运行时候报错了，我注释了。

那真是奇了怪了

antd v5没有这个 css 文件，我运行时候报错了，我注释了。

你的意思是说 你特地注释了import 'antd/dist/antd.css'这行代码才能运行吗 我看我的package.json 版本没错啊 为什么会这样 能加你个V之类给你发点图吗

[jie123js]

@jie123js 请给出重现步骤吧。

具体的可以用这2张打包后的图给你们看看

这个是加了import 'antd/dist/antd.css'
然后下面不加的话是这样的
这个解压出来的CSS里面没有ant样式

[afc163]

请给出一步一步的重现步骤，帮助我们本地也能搭建出无法看到样式的页面。

你给的 gitee 仓库里我们是没有重现出来的。

什么是最小化重现，为什么这是必需的？

[jie123js]

请给出一步一步的重现步骤，帮助我们本地也能搭建出无法看到样式的页面。

你给的 gitee 仓库里我们是没有重现出来的。

什么是最小化重现，为什么这是必需的？

我给的仓库是好的,是复现不出来的,这个问题主要我是想问为啥我不加import 'antd/dist/antd.css'这句话打包 发布到线上会有差异,有的线上样式(公司搭的测试环境)可以加载出来(不用加导入也可以加载出来),有的线上环境(甲方的内网环境)样式加载不出来必须加了这句话后才把样式打包进去(没加打包3.5M,加了打包3.7M) 问题其实是已经解决了 我是想看看有没有人遇到一样的问题

[crazyair]

首先 antd v5 没有这个 css，具体你说加上能用，估计是哪个环节有 antd v4 的依赖吧？具体需要你自己排查了。可以打印 version 看下运行的 antd 版本

[jie123js]

首先 antd v5 没有这个 css，具体你说加上能用，估计是哪个环节有 antd v4 的依赖吧？具体需要你自己排查了。可以打印 version 看下运行的 antd 版本

我打印版本是5的呀 package.json里面和lock里面都是5

[afc163]

没有重现的话，我们也猜不出来什么原因。如果需要手动 import antd/dist/antd.css 样式才能生效的话，那一定是用了 antd 4 而不是 antd 5，因为 antd 5 没有这个文件。