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

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

  •  
  •   shangyes · 24 天前 · 1232 次点击

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

    第一种是按模块来分

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