别被忽悠了!用 ant design 做网站到底香不香?老站长掏心窝子说

发布时间:2026/7/5 4:15:36
别被忽悠了!用 ant design 做网站到底香不香?老站长掏心窝子说

做了七年站,我见过太多人拿着 Ant Design 当救命稻草,最后却哭爹喊娘。今天不整那些虚头巴脑的理论,咱们就聊聊这玩意儿到底能不能用,怎么用才不坑人。

先说结论:如果你是想快速搭建后台管理系统,或者那种对UI要求不高、但功能复杂的B端项目,ant design 做网站绝对是一把好手。但如果你是想做一个花里胡哨、交互炫酷的C端官网,听我一句劝,趁早换别的。别问为什么,问就是踩过的坑够你填十年。

很多新手一上来就喊:“我要用 React,我要用 Ant Design,我要高大上!” 结果呢?页面加载慢得像蜗牛,移动端适配做得一塌糊涂,最后还得花大价钱找人重构。这种案例我见多了,真心疼。

Ant Design 的优势在哪?快。真的快。

它的组件库非常成熟,按钮、表单、表格、弹窗,甚至那些复杂的级联选择器,人家都给你封装好了。你只需要拖拽或者配置参数,一个像样的界面就出来了。这对于那些急需上线、预算有限的小团队来说,简直是救命神器。尤其是 ant design 做网站 的后台部分,效率提升不止一倍。

但是,它的劣势也很明显:丑。

是的,你没听错。默认的 Ant Design 风格,就是那种典型的“企业风”、“政府风”。虽然简洁,但缺乏个性。如果你想把它改成那种互联网大厂风的炫酷界面,难度堪比登天。你需要大量的 CSS 覆盖,需要重写样式,最后可能发现,自己写的代码比原生的还多。

还有,它对移动端的支持真的很一般。

Ant Design 主要是为桌面端设计的。你在电脑上看着挺顺眼,一到手机上,那些密密麻麻的表格、复杂的筛选条件,直接让人崩溃。虽然它有 Mobile 版本,但那个组件库的丰富程度和稳定性,跟 PC 版没法比。如果你要做响应式网站,得做好脱层皮的准备。

再说一个容易被忽视的问题:包体积。

Ant Design 的包不小。如果你是个小项目,不需要那么多功能,引入整个库会导致首屏加载变慢。这时候你需要按需引入,还要配置 babel-plugin-import,稍微有点门槛。对于不懂前端优化的老板来说,这就是个黑盒,出了问题只能干瞪眼。

所以,到底该怎么选?

我的建议是:分场景。

如果是内部工具、数据看板、CRM系统,闭眼入 Ant Design。它能帮你节省大量时间,让你把精力放在业务逻辑上。这时候,ant design 做网站 的效率优势体现得淋漓尽致。

如果是面向消费者的品牌官网、营销活动页,或者对UI有极高要求的SaaS前端,别用。去用 Element UI,或者干脆手写 CSS,甚至用一些更轻量级的框架。别为了用而用,工具是为人服务的,不是让人伺候工具的。

最后,我想说的是,技术没有好坏,只有适不适合。

很多同行喜欢吹捧某个框架,贬低另一个,那是因为他们只看到了自己擅长的一面。作为从业者,我们要的是解决问题,而不是炫技。Ant Design 是个好工具,但它不是万能药。

如果你决定用它,记得做好样式定制的准备,记得考虑移动端体验,记得优化包体积。别指望开箱即用就能惊艳全场,那是不现实的。

总之,ant design 做网站 没问题,但前提是你要清楚它的边界在哪里。别盲目跟风,别被销售的话术忽悠。站在用户的角度,站在项目的角度,冷静思考,才能做出正确的选择。

希望这篇大实话,能帮你省下不少冤枉钱和时间。毕竟,咱们做站的,每一分钱都是辛苦钱,每一分钟都是黄金时间。别浪费在错误的选择上。