Ddingdong-io发布于 11 年前
059540
目录 · 5 个章节
先将发帖的目的先在前头:
有没有现成的node模块,遍历文件夹,然后生成目录树
下面是一些唠叨,关于我在做什么,又为什么寻找这个功能:
当前项目
目前还处在前端工程师的位置。 近日发起开源项目 HtmlArray 范例地址(参数做了较详细的说明):
项目缘由
该项目旨在帮助前端工程师用前端的方式方法来组合静态html页面,允许不使用任何后端语言(甚至免去搭建服务器),纯粹前端的方式方法实现组合页。 起因是公司项目采用模块化设计,头部、底部、主体、子模块分别有几个模板,后端再把它们组合成完整的页面。 为了避免后端组合时发现问题再返工,我们前端自己需要先手工组合出页面,确保样式、脚本在组合页中无误再提交给后端。然后随着子模块和组合页越来越多,维护越发麻烦。一个子模块的改动,所有引用到它的合成面都需要改动,于是萌发组合页面的想法。(但是没有什么后端经验就决定用js)
遇到问题
限于水平,当前HtmlArray还是有不少问题,最明显的是子页面中的js资源在主页面加载后,有时会出现异常。 直到此时我才开始重新审视原先的方案,是的我希望采用纯粹前端的方式来组合页面,但是如果能够生成本地文件,却是能更好地模拟后端最终输出给用户的页面。
目标
对Node一直抱有想法,也是有时候开始学后端了。
接下来的目标,就是用Node来生成组合页。大致分以下步骤
1.遍历文件夹(包括子文件夹)内的所有html文件,生成树状节点
2.提供用户选择的页面,在树状节点间点选要组合的子页面
3.在本地磁盘上生成合成页(包含了资源路径处理等)
在这里请教各位node前辈,有没有现成的生成树状节点的模块,我希望是结构清晰的树。如图
向全栈进发!致敬Node!