这是一个创建于 1219 天前的主题，其中的信息可能已经有所发展或是发生改变。
之前做了个网站hackertalk，在 v2 发了帖子很多人关注。
最近把前端代码优化下，剔除了全部 antd 依赖，发现 css 体积减少 24.2%，Javascript 体积减少 7.8%
antd 的样式全局污染有点严重，引入少数组件就吃掉大量静态文件体积了。
 | 1 xieqiqiang00 2022-06-10 23:55:35 +08:00 antd 就是这样的 |
 | 2 DrakeXiang 2022-06-11 01:13:23 +08:00 antd 组件样式可以按需引入的吧，你是不是把全部都弄进去了 |
 | 3 yyfearth 2022-06-11 04:27:53 +08:00 很多 UI 库都有这样的问题 最严重的其实就是 Bootstrap 而且现在大部分前端 CSS 库或者组件 都依赖一些 css normalize 或者 reset 然后还可能互相冲突 @DrakeXiang 全引入确实会非常大 但是就算是按需引入 里面有个 common 其实也挺大的 不过这个不是 AntD 独有的问题 大部分基于 CSS 的组件库都有类似的问题 |
 | 4 Leviathann 2022-06-11 04:56:10 +08:00 我用了个 ant design mobile 的组件，光是他用 lodash 的就吃了我几十 k 的体积 |
 | 5 dcsuibian 2022-06-11 07:03:52 +08:00 antdv 的官方问答： 是的，ant-design-vue 在设计的时候就是用来开发一个完整的应用的，为了方便，我们覆盖了一些全局样式，现在还不能移除，想要了解更多请追踪这个 issue： https://github.com/ant-design/ant-design/issues/4331 ，或者参考这个教程 How to avoid modifying global styles? 其实我觉得没啥问题，这东西是做中后台的，用的人多，做公司项目我多半会用它。 但个人项目风格不一致，肯定不会用它。 |
 | 6 Yvette 2022-06-11 07:22:24 +08:00 |
 | 7 pengtdyd 2022-06-11 07:25:31 +08:00 有个问题做中后台的有必要这么在意样式问题吗，又不是 toC |
 | 8 lodisy 2022-06-11 08:15:00 +08:00 via Android radix + 自己写 css |
 | 9 masterclock 2022-06-11 08:33:30 +08:00 用 antd 我会在乎文件大小吗？[手动滑稽] |
 | 10 liuqiongyu889 OP @DrakeXiang 肯定是按需引入啊，不然 css 体积不得炸裂 |
 | 12 okampfer 2022-06-11 10:05:25 +08:00 @liuqiongyu889 那你移除 antd 后换成了什么呢？ |
| 13 liuqiongyu889 OP @okampfer 自己写，或者找开源小颗粒度的方案，比如 select 使用 react-select 等，这些体积都很小，甚至可以自己看源码自己写一个。 |
 | 14 cwliang 2022-06-11 11:13:36 +08:00 如果能轻松移除，说明本身就不需要 antd |
 | 15 lamCJ 2022-06-11 11:46:26 +08:00 私以为 antd 做论坛这些不是很合适。antd 定位 PC 中后台，而中后台不怎么纠结全局污染基本一个后台系统就只用一套 UI ，而 js/css 大小大头又在业务逻辑。 如果真有和其他 UI 框架冲突的情况，建议建立几个 layout ，在 layout 里面引入 antd 这些 UI 框架，views 再引入各自的 layout ，而不是在应用入口 js 文件里面全局引入。 |
 | 16 wenzichel 2022-06-11 11:57:58 +08:00 是的，本来我博客自己有一套样式，评论系统单独用 react+antd 编写的，只要一加载 antd 的样式，我博客自己的样式就变了 |
 | 17 ybz 2022-06-11 13:14:54 +08:00 轻度前端开发，最近试了 mui ，再也不想碰 antd 了 |
 | 19 beginor 2022-06-11 23:45:34 +08:00 网站、论坛类的应用只需要 bootstrap 之类的轻量级样式库就够了， 不必使用 antd ，antd 的目标是后台管理系统 |
Select Language