既然是高仿antd
来源:4-9 添加 Button 基本样式

李行知
2020-03-21
即使没有做到antd那么多的组件
组件的功能不能达到antd的对应的组件这么多
那为啥目录结构不跟着antd走呢?
感觉两个项目的目录结构差别也挺大的
这两种结构有什么优劣吗?
最后在生成包的时候会有什么比较大的区别吗?
为什么antd要采取他现在的这种结构呢?
平时大家开发组件库的时候也会使用CRA吗?
使用CRA来开发组件库会带来什么问题吗?
组件库支持按需加载吗?
2回答
-
同学你好
谢谢你这么多的问题,我们的课程是是仿造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。
希望回答能让你满意哈!
462020-09-23 -
慕莱坞4146187
2021-03-10
这离高仿还差远了啊。顶多是了解一下组件库的开发而已。
012021-08-26
相似问题