开发规范（一）目录规范

概述

为提升团队协做效率，规范文件管理，方便项目后期维护，提升代码质量，特制订此文档，前端开发人员必须遵守本规范进行前台页面开发。

目录规范

1. 页面存放目录：文件夹命名均首字母大写

|--@root
    |--Member //业务模块名
        |--Conf
        |--Controller //存放控制器
        |--Veiw //存放页面
            |--Basic  //PC终端
            |--Mobile //手机终端
                |--Index //控制器名
                    |--index.php //页面
|--README.md

页面引用静态文件时，引用静态文件输出目录路径。详见3
__ASSET__为PHP常量，定义静态文件输出目录为dev或dist可在develop.php文件中查看。
<link type="text/css" href="__ASSET__/mobile/member/index_index.min.css">
<script src="__ASSET__/mobile/member/index_index.min.js></script>

2.静态文件存放目录：全部文件及文件夹命名均为小写

|--@root
    |--dist //存放编译后文件，用于测试
    |--dev  //存放编译后文件，用于开发；详见**3.静态文件输出目录**
        |--basic
        |--mobile
    |--libs   //第三方插件+
    |--tmp //存放在页面中使用的图片，通常为能够后台上传的图片,页面调用路径为__PUBLIC__tmp/
        |--index_index //页面文件夹
    |--src  //存放源码文件
        |--basic
        |--mobile //以mobile目录为例，basic目录同理
            |--common //存放mobile终端下公用文件
                |--images    //存放图像文件
                |--css       //存放css文件
                |--common.js //js文件直接存放在common文件夹下
            |--index 
            |--member //业务模块名
                |--common//业务公共模块
                    |--css
                    |--js
                    |--index.js
                |--index_index //命名规范：控制器名_页面名（与HTML文件命名相同）；存放页面私有文件
                    |--images
                        |--image.png
                    |--index.css
                    |--index.js
        |--common //跨终端公共组件
|--package.json
|--webpack.config.dist.js //配置源文件，复制后重命名为webpack.config.js使用
|--README.md  //项目介绍

3. 静态文件输出目录：

webpack自动编译输出，除tmp文件夹下可添加图片外勿在此文件夹下添加任何文件

|--@root
    |--dist //输出同开发目录
    |--dev
        |--basic
        |--mobile
            |--images //存放图片
            |--member //业务模块名
                |--common.min.css
                |--index_index.min.css
                |--index_index.min.js
                |--index_index.min.css.map //.map为源码映射文件,dist目录下不输出
                |--index_index.min.js.map
            |-ensure //异步加载文件