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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2507 天前的主题，其中的信息可能已经有所发展或是发生改变。

我看到的有两种，如图：

方案一

方案二

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

lerna

React

工程

方案

9 条回复 • 2018-01-11 20:39:46 +08:00

Mcatt

2018-01-11 09:37:21 +08:00

我自己个人实践是方案一，简单明了。

xcssum

2018-01-11 09:40:07 +08:00 via iPhone

方案二，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 via Android

第二个有何意义？都有 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 干嘛？？？