目录结构

项目目录结构

JUI使用塞伯坦前端模块化构成构建工具，项目结构遵循其目录规则。

project
├── src # 源码目录
├── mock # MOCK数据存放目录
├── cyb.config.js  # 塞伯坦模块化工程构建工具配置文件
├── cybmock.config.js # 塞伯坦前端数据模拟服务器接口配置文件
├── webpack.config.js # webpack功能扩展配置文件
└── package.json

源码目录结构

src
├── static # 全局作用域的 图片/字体/图标/样式 等资源存放目录
│   └── images
└── views
    └── index # 首页内容存放目录

src/views 目录规则

src/views 页面内容存放目录（必须）
src/views/页面名称 存放以页面为单位的前端资源
src/views/页面名称/index.html 页面html（必须以index命名）
src/views/页面名称/index.js 页面入口脚本（必须以index命名）

JUI 属于SPA单页应用，目录结构遵循塞伯坦前端模块化工程构建工具的基本要求，可以很方便的扩展开发多页应用。

应用目录结构概览

src/views/index
├── index.html # 页面模板
├── index.js # 页面入口脚本
├── index.less # 页面入口样式
├── app.js # 应用入口
├── routes.js # 布局路由配置
├── layout #布局
├── assets #公共静态资源
├── components #公共组件
├── store #全局store
├── api #API集中管理
└── utils #工具类库

← JUI 组件化最佳实践 →