一、前端目录构建规范的作用
目的是与项目开发的目录结构保持一致，便于项目的构建与管理。
二、资源分类
1、源代码资源
指开发者编写的源代码，包括html、css、template等
2、内容资源
指希望作为内容提供给访问者的资源，包括图片、字体、flash、pdf等，最常用的应该就是readme.md文件
三、目录命名规则
1、简洁 有习惯性的缩写单词，采用容易理解的缩写。如源代码目录src，不要写成source
2、常用的一些文件名称
img：图片 不要使用image、images、imgs等
js：JavaScript脚本 不要使用script、scripts等
css：样式表 不要使用style、styles等
swf：flash 不要使用flash等
src：源文件目录 不要使用source等
dep：第三方依赖包 不要使用lib、library、dependency等
注意：不允许出现复数形式，如imgs、deps是不允许的。
四、根目录的划分
根目录下按照职能进行划分，不允许将资源类型或者业务逻辑的目录划分到根目录下。
根目录下常用的文件如下：
src
test
doc
dep
五、业务逻辑划分src目录结构
业务项目的src目录内，绝大多数情况应该根据业务逻辑划分目录结构。
业务逻辑下常用的文件如下：
utils
common
components
routers
assets
api
store
view
static
注意：这是按照vue/react进行的划分，不是固定的，个人习惯。