文档目录结构

  1. |-- 项目名
  2.     |-- src    开发环境
  3.         |-- html    静态页面模板目录
  4.         |-- bgimg   背景图目录（假设有的话）
  5.         |-- image   前景图目录（假设有的话）
  6.         |-- font    字体目录（假设有的话）
  7.         |-- scripts      脚本目录
  8.         |-- styles（Yo）  样式目录
  9.             |-- lib   基础库
  10.                 |-- core      核心代码：reset
  11.                 |-- element   元素
  12.                 |-- fragment  公用碎片
  13.                 |-- layout    布局
  14.                 |-- widget    组件
  15.             |-- usage  项目具体实现
  16.                 |-- project 某个子项目
  17.                     |-- core      核心代码：桥接lib中的core，可以进行项目级扩展
  18.                     |-- fragment  项目公用碎片
  19.                     |-- module    模块
  20.                     |-- page      page桥接文件目录：src-list
  21.                     |-- export    page pack之后的文件目录
  22.     |-- prd    生产环境
  23.         |-- bgimg   背景图目录（假设有的话）
  24.         |-- image   前景图目录（假设有的话）
  25.         |-- font    字体目录（假设有的话）
  26.         |-- scripts      脚本目录
  27.         |-- styles（Yo）  样式目录
  28.             |-- project1 子项目
  29.                 |-- index.css
  30.                 |-- login.css
  31.                 |-- and etc...
  32.             |-- project2 子项目
  33.                 |-- index.css
  34.                 |-- login.css
  35.                 |-- and etc...
  36.             |-- 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