组织项目组件 - 这是否需要按字母顺序排列?

时间:2018-05-14 16:44:17

标签: reactjs webpack

我在一个名为ARc(https://arc.js.org)的框架中构建了一个React项目。它使用一种称为“原子设计”的东西来排列组件。树看起来像这样......

/components/atoms /components/molecules /components/organisms /components/pages

...其中原子是非常原始的组件(输入,按钮),分子是复合原语(比如输入加上标签和反馈信息组件),有机体是分子的集合(比如表格),页面是希望不言自明。

我非常喜欢它,但它对我们的项目并没有很好的扩展。我们现在大约有100个组件,并且希望将这些内容分解为“帐户”和“结帐”等文件夹。

作为第一步,我将“atoms”文件夹重命名为“primitives”,将“molecule”重命名为“widgets”,所有内容都立即破坏了。我发现通过将它们命名为“_primitives”和“_widgets”,事情会恢复正常,但是......这不可能是正确的,可以吗? webpack按字母顺序工作吗?原子反应的东西是否有效,因为“原子,分子,有机体,页面”是按字母顺序排列的单词?

1 个答案:

答案 0 :(得分:2)

原来这是由于我使用的特定React框架的特殊性。它将组件预加载到对象中以便于检索。这适用于ARc,因为它使用自下而上的序列来保证依赖组件已经被加载,但如果订单不是很正确则会分开。

不是网络包问题。感谢那些花了几分钟才难倒的人。

https://github.com/diegohaz/arc/issues/343