React 工程里的内部组件,你们是如何组织目录结构的,做个调查

2018-01-11 09:24:31 +08:00
 int64ago

我看到的有两种,如图:

假设工程并没有采用 Lerna 等进行多包管理,你们倾向于哪一种,可以说说原因

3671 次点击
所在节点    程序员
9 条回复
Mcatt
2018-01-11 09:37:21 +08:00
我自己个人实践是方案一,简单明了。
xcssum
2018-01-11 09:40:07 +08:00
方案二,ide 打开文件比较方便
Kilerd
2018-01-11 09:40:33 +08:00
目前使用 方案一,在逐步迁移至 styled-components
lrz0lrz
2018-01-11 09:55:03 +08:00
方案 2,这样打开很多标签时容易区分
isbase
2018-01-11 10:09:39 +08:00
第二种是有多蠢
wssgcg1213
2018-01-11 13:57:29 +08:00
我的方案:

```
Component
- index.js
- Component.js
- Component.scss
```
这样好处是 既可以直接 import 文件夹, 在 IDE 里打开多个 Component 的时候也可以一眼看出当前编辑的是哪个组件
zachguo
2018-01-11 14:11:57 +08:00
第二个有何意义?都有 package.json 了,为什么不直接单独发布到 registry。。
learnshare
2018-01-11 14:20:18 +08:00
给每个目录加 package.json ?如楼上,为何不分包出来

如果这个动作仅仅是方便 webpack 从目录中找到入口,那还是在这个目录里加一个 index.js export 其他文件的模块出来比较好
如果加一个 index.js 仅仅是为了两行 import/export,那为何要多些一个文件? so 第一种
xtdb
2018-01-11 20:39:46 +08:00
你又不是个包你要 package.json 干嘛???

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/421877

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX