3.项目目录结构详细说明

基本开发结构

➜  demo-zhj git:(master) ✗ tree
.
├── fez.config.js
├── gulpfile.babel.js
├── package.json
├── shim.js
└── src
    ├── lib
    ├── static
    │   ├── fonts
    │   ├── images
    │   └── styles
    │       └── index.less
    └── views
        ├── index
        │   ├── index.html
        │   ├── index.js
        │   └── module
        └── public
            ├── module
            └── utils

fez.config.js

FEZ工程框架功能配置文件。

export default {

}

FEZ默认会开启基础的配置，配置文件默认为空，具体配置请参考fez.config.sample.js

gulpfile.babel.js

调用FEZ工程框架命令入口文件，开发过程中无需关注

package.json

项目的NPM包配置文件，每个项目都有自己单独的NPM包配置及node_modules。与FEZ工程框架互不影响。如果您的项目没有引用npm功能包，此文件无需关注。

{
    "name": "demo-zhj",
    "version": "",
    "description": "",
    "keywords": "",
    "homepage": "",
    "license": "MIT",
    "author": "",
    "main": "",
    "scripts": {},
    "directories": {},
    "dependencies": {},
    "devDependencies": {},
    "browserify": {
        "transform": [
            "browserify-shim"
        ]
    },
    "browserify-shim": "./shim.js"
}

shim.js

FEZ工程框架Browserify配置入口文件，开发过程中无需关注。

src/目录

开发过程中所有的源码文件都保存在此目录中。

└── src
    ├── lib //项目公共Javascrip脚本存放目录(此目录下文件不做编译，只能存放直接在浏览器中使用的JS文件)
    ├── static //静态资源目录
    │   ├── fonts //字体文件存放目录
    │   ├── images //图片文件存放目录
    │   └── styles //样式文件存放目录
    └── views //项目逻辑开发目录
        └── public //页面公共逻辑存放目录
            ├── module //公共模块或组件存放目录
            └── utils //公共工具类模块存放目录

执行 gulp fezinit --dir=项目目录名时会自动创建index首页页面

└── src
    ├── static
    │   └── styles
    │       └── index.less //首页样式
    └── views
        └── index
            ├── index.html //首页Html
            ├── index.js //首页入口Javacript脚本
            └── module //首页模块或组件存放目录