设计一套前端项目组织结构

⭐️ 本文首发自前端修罗场(点击加入)，是一个由资深开发者独立运行的专业技术社区，我专注 Web 技术、Web3、区块链、答疑解惑、面试辅导以及职业发展。博主创作的《前端面试复习笔记》（点击订阅），广受好评，已帮助多人提升实力、拿到 offer。现在订阅，私聊我即可获取一次免费的模拟面试机会，帮你评估知识点的掌握程度，获得更全面的学习指导意见！

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中描述项目的组织结构，项目用途等说明

设计一套前端项目组织结构相关推荐

前端项目课程7 banner设计注意事项
前端项目课程7 banner设计注意事项一.总结一句话总结: 1.每个部分的里面的部分可以用相同的名字么,如何修改样式呢? 可以, 用模块名 + 比如上中下(top middle bottom) ...
美团点评境外度假团队前端项目开发实践总结
随着前端项目数量和规模越来越大,参与的人员也越来越多,如何在前端项目开发过程中保证优质的开发者体验和项目的可维护性,同时确保极致的用户体验将会是一个非常大的挑战. 为了应对这个挑战,美团点评境外度假前 ...
知识图谱前端插件_大型前端项目可持续演进开发的思考
引言当谈起这个话题的时候,不得不去想到<人月神话>这本著作中所描述的软件工程思想,其中的最后一段总结论述: 软件工程的焦油坑在将来很长一段时间内会继续地使人们举步维艰,无法自拔.软件系统 ...
antd 嵌套子表格_大型前端项目架构优化探索之路腾讯文档表格
腾讯文档表格是一个非常复杂的业务,它实现了传统 excel 的大部分核心功能,包括函数计算.条件格式.图表.智能分列等:除此之外还支持高效的多人协同编辑:它的代码量百万级别,启动也流程多达十几步.在前 ...
绝对牛逼的3套Python项目，就业/毕设/私活/女朋友都不愁了
来源: 来自网络,如侵权请告知博主删除,感谢????. 仅学习使用,请勿用于其他- 今天给大家推荐3套Python项目,给大家介绍一波. 第一套 : Python零基础就业项目 ,比较适合还没工作,没 ...
精选 GitHub 值得收藏的100个前端项目
作者:小明小明长大了博客:https://www.jianshu.com/p/72ca8192f7b8 引言整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习,作者 ...
GitHub上值得收藏的100个精选前端项目！
引言整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习,作者简书上文章会持续更新,版权归原作者所有. 最新更新 codepen 一个在线编辑前端项目的网站,其中有一些 ...
GitHub 上100个优质前端项目整理，值得收藏！
作者:小明小明长大了来源:https://www.jianshu.com/p/72ca8192f7b8 这里整理收集了 GitHub上几乎所有优秀的前端项目,包括工具,优质资源,测试工具,框架, ...
GitHub 上100个优质前端项目整理，非常全面！
点击"开发者技术前线",选择"星标" 在看|星标|留言, 真爱作者:小明小明长大了来源:https://www.jianshu.com/p/72ca8 ...
建议收藏：GitHub 上值得收藏的100个精选前端项目！
作者:小明小明长大了来源:https://www.jianshu.com/p/72ca8192f7b8 引言整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习, ...

设计一套前端项目组织结构

public

components 组件目录

pages 页面目录

plugins 外部插件

public 公共静态资源

bulid 构建目录

README.md 项目说明

设计一套前端项目组织结构相关推荐

最新文章

热门文章