既然是高仿antd

Question

即使没有做到antd那么多的组件
组件的功能不能达到antd的对应的组件这么多

那为啥目录结构不跟着antd走呢？
感觉两个项目的目录结构差别也挺大的
这两种结构有什么优劣吗？
最后在生成包的时候会有什么比较大的区别吗？
为什么antd要采取他现在的这种结构呢？
平时大家开发组件库的时候也会使用CRA吗？
使用CRA来开发组件库会带来什么问题吗？

组件库支持按需加载吗？

Answer 1

张轩 2020-03-21 11:16:34

同学你好

谢谢你这么多的问题，我们的课程是是仿造antd完成组件库，但是不是完全照抄 antd 的实现，在初衷中也说过，

代码实现会完全照抄 AntD 的实现嘛？答案是否定的，AntD 是大型工程化的项目，它要比我们考虑的 edge cases 多很多，而我们的项目是学习类型的项目，需要化繁为简，掌握核心的思考方法就好。所以代码实现也有可能和 AntD 完全不一样。

对于代码结构我在课程中也说过，代码结构没有最终的答案，连 React 官方的文档中也没有推荐明确确定的文件代码结构 https://reactjs.org/docs/faq-structure.html 所以我们需要选出我们认为好用的就可以，我认为没必要纠结过多时间来产出一个完美的代码结构。

包生成的格式是 es6 modules。和 antd 保持一致。

开发组件后面会使用 storybook，cra 就不会继续使用了，课程是循序渐进的，一开始让大家好开始上手，后来再慢慢做到完美。我的思路就是这样的，一出来不需要做大做全，所以需求都是渐进式开发的。

包生成 es6 modules，支持 webpack 的 tree shaking。

希望回答能让你满意哈！

• 提问者 李行知 #1

  非常感谢！谢谢老师的回答。老师以后会考虑加入对antd源码的一些分析吗？不见得非要讲组件的具体实现，依旧是关注流程方面，帮助我们以后可以去深入的阅读antd的源代码

• 张轩 回复 提问者 李行知 #2

  可以的 同学 我现在是搜集需求 然后把一些通用的问题 多增加一些内容给大家

• 提问者 李行知 回复 张轩 #3

  谢谢老师！

点开查看后面3条评论

Answer 2

慕莱坞4146187 2021-03-10 05:15:44

这离高仿还差远了啊。顶多是了解一下组件库的开发而已。

• 慕粉0036085810 #1

  看来你懂的不少