V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
shangyes
V2EX  ›  前端开发

突然好奇大家开发的时候目录结构是怎么安排的

  •  
  •   shangyes · 2019-10-20 18:29:22 +08:00 · 3673 次点击
    这是一个创建于 1621 天前的主题,其中的信息可能已经有所发展或是发生改变。

    起因是准备搞几个前端项目快速起步的模板,设计目录结构的时候纠结采用哪一种

    第一种是按模块来分

    ├─assets
    │  └─img
    ├─a_module
    ├─b_module
    │  ├─html
    │  └─css
    ├─c_module
    │  ├─html
    │  └─css
    └─d_module
    

    第二种是按文件类型来分

    ├─html
    │  ├─a_module
    │  └─b_module
    ├─img
    ├─js
    │  ├─a_module
    │  └─b_module
    └─css
        ├─a_module
        └─b_module
    
    

    发现以前写的这两种目录结构兼有(Orz,不知道哪一种更好,又或者有没有更好的设计

    11 条回复    2019-11-01 09:15:04 +08:00
    ech0x
        1
    ech0x  
       2019-10-20 18:34:25 +08:00 via iPhone
    没有哪种更好的说法,一定要说就是看情况。如果你网页基本都是 js 生成的第一种可能会好些,如果静态内容多那么第二种好些。
    orzorzorzorz
        2
    orzorzorzorz  
       2019-10-20 18:47:35 +08:00
    我是按第一种。有时候模块一多,第二种结构改完 js 想改 css 的时候得滚好久
    falcon05
        3
    falcon05  
       2019-10-20 18:49:37 +08:00 via iPhone
    第一种好一点,方便拆出来
    dobelee
        4
    dobelee  
       2019-10-20 18:49:56 +08:00 via iPhone
    以前是第二种,后来改第一种了。重构和迁移交会做人。
    shangyes
        5
    shangyes  
    OP
       2019-10-20 20:00:48 +08:00
    taotaodaddy
        6
    taotaodaddy  
       2019-10-20 21:13:28 +08:00 via Android
    用的第二种,正在后悔中。。。。
    opengps
        7
    opengps  
       2019-10-20 21:24:09 +08:00 via Android   ❤️ 1
    好处是
    第一种方便模块分离改造微服务
    第二种适合静态加速单独发布静态文件到 CDN
    坏处是
    第一种文件重复量太大,真要用的话,外部需要有个全局共享的路径
    第二种项目做大了之后,开发过程比较辛苦,好几个屏幕来回切换
    charlie21
        8
    charlie21  
       2019-10-20 22:54:57 +08:00 via Android
    boilerplate 找 yeoman
    viko16
        9
    viko16  
       2019-10-20 23:18:52 +08:00 via Android
    用 React + CSS-in-JS 之后,就没这个烦恼了…🤦🏻‍♂️
    q8164305
        10
    q8164305  
       2019-10-20 23:31:50 +08:00 via Android
    第一种会有很多重复代码啊
    meepo3927
        11
    meepo3927  
       2019-11-01 09:15:04 +08:00
    用的 webpack,用的是按文件类型分,主要有
    js/
    less/
    images/
    html/
    这几个目录
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   941 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 21:00 · PVG 05:00 · LAX 14:00 · JFK 17:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.