• 请不要在回答技术问题时复制粘贴 AI 生成的内容
int64ago
V2EX  ›  程序员

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

  •  
  •   int64ago ·
    int64ago · Jan 11, 2018 · 4390 views
    This topic created in 3056 days ago, the information mentioned may be changed or developed.

    我看到的有两种,如图:

    • 方案一

    • 方案二

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

    9 replies    2018-01-11 20:39:46 +08:00
    Mcatt
        1
    Mcatt  
       Jan 11, 2018
    我自己个人实践是方案一,简单明了。
    xcssum
        2
    xcssum  
       Jan 11, 2018 via iPhone
    方案二,ide 打开文件比较方便
    Kilerd
        3
    Kilerd  
       Jan 11, 2018   ❤️ 1
    目前使用 方案一,在逐步迁移至 styled-components
    lrz0lrz
        4
    lrz0lrz  
       Jan 11, 2018
    方案 2,这样打开很多标签时容易区分
    isbase
        5
    isbase  
    PRO
       Jan 11, 2018
    第二种是有多蠢
    wssgcg1213
        6
    wssgcg1213  
       Jan 11, 2018
    我的方案:

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

    如果这个动作仅仅是方便 webpack 从目录中找到入口,那还是在这个目录里加一个 index.js export 其他文件的模块出来比较好
    如果加一个 index.js 仅仅是为了两行 import/export,那为何要多些一个文件? so 第一种
    xtdb
        9
    xtdb  
       Jan 11, 2018
    你又不是个包你要 package.json 干嘛???
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5819 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 67ms · UTC 06:50 · PVG 14:50 · LAX 23:50 · JFK 02:50
    ♥ Do have faith in what you're doing.