文档目录结构

|-- 项目名
    |-- src    开发环境
        |-- html    静态页面模板目录
        |-- bgimg   背景图目录（假设有的话）
        |-- image   前景图目录（假设有的话）
        |-- font    字体目录（假设有的话）
        |-- scripts      脚本目录
        |-- styles（Yo）  样式目录
            |-- lib   基础库
                |-- core      核心代码：reset
                |-- element   元素
                |-- fragment  公用碎片
                |-- layout    布局
                |-- widget    组件
            |-- usage  项目具体实现
                |-- project 某个子项目
                    |-- core      核心代码：桥接lib中的core，可以进行项目级扩展
                    |-- fragment  项目公用碎片
                    |-- module    模块
                    |-- page      page桥接文件目录：src-list
                    |-- export    page pack之后的文件目录
    |-- prd    生产环境
        |-- bgimg   背景图目录（假设有的话）
        |-- image   前景图目录（假设有的话）
        |-- font    字体目录（假设有的话）
        |-- scripts      脚本目录
        |-- styles（Yo）  样式目录
            |-- project1 子项目
                |-- index.css
                |-- login.css
                |-- and etc...
            |-- project2 子项目
                |-- index.css
                |-- login.css
                |-- and etc...
            |-- and etc...

src, scripts, styles 三个目录是为了和现有项目保持一致，避免修改过大，所以保持不变。

html 目录，用于存放前端开发做的静态页面，以备查阅、备份、review或给后端套页面。

bgimg, image, font 三个目录在Qunar一般不会直接存在，因为我们有source服务器，这些资源都会在那上面管理；不过特殊情况也会有，比如一些独立的项目，没有使用source的，那么就需要遵循这样的目录划分。

至于 html, bgimg, image, font 这几个目录为什么没有加 s，主要是因为不希望大家去想某个目录是否为复数，简单点就好。

prd 为生产环境目录，以 xxx 项目中的一个子项目 mobile 为例，其生产环境中的某个CSS外链大致如下：//sitename.com/prd/styles/mobile/index.css