【前端综合】前端项目组织结构

public

components 组件目录

conponents目录存放组件，子文件夹名称按组件名称命名，组件包含的js\css\html文件同样要使用组件名命名

示例

• components/header:头部组件，包含头部组件使用到的header.js\header.css\header.html文件，使用组件时，只需加载该header.html文件

pages 页面目录

pages存放每个页面，子文件夹使用页面名称命名，其中包含该页使用到的js\css\html文件.

示例

• pages/index:表示首页，index目录下存放首页使用到的文件，文件命名和目录名称一致；

plugins 外部插件

plugins 存放从外部引入的插件，如bootstrap.js\bootstrap.css

示例

• plugins/bootstrap:表示存放bootstrap插件的目录，目录下存放bootstrap的文件

public 公共静态资源

public 存放页面使用的公共静态文件或是插件需要依赖的javascript库\css库，以及图片资源、字体文件；

示例

• public/javascript:表示存放公共的js文件，如jquery.js;
• public/stylesheets:表示存放公共的css文件，如common.css

bulid 构建目录

bulid 是使用构建工具(gulp\fis3等)打包生成后的目录

README.md 项目说明

在readme.md中描述项目的组织结构，项目用途等说明