我们希望使用我们在过去的项目中构建的组件来构建模式库（或样式指南）。就像组件资源摘要页面一样，它为您提供每个模式的交互式预览，以及属于它的描述和代码片段。
问题是，有些项目已有多年，其他项目刚刚完成。所以依赖关系和版本可能会有所不同。它们的构建方式也各不相同，假设一个是在Jquery中制作的，另一个是使用Typescript和Angular。
是否有一种方法（或最佳实践）来构建所有不同组件的摘要页面，这些组件可以独立处理每个组件的不同框架，框架版本，节点模块，插件，JS / CSS / HTML等？ ......没有获得冲突;）
答案 0 :(得分：1)
我真的很抱歉，在这个月你没有一个评论或回答这个问题（P.S。我真的很喜欢你的问题）。
您是否已找到解决问题的方法？
我认为您正在寻找在项目中实现Living Pattern（Component）库的方法。但在此之前，让我们清楚一下confusion这些术语所做的一些事情：
这是我对这些术语的解释。我认为社区仍然在寻找完美的定义。
来自不同作者的一些引用：
生活方式指南是一个系统，它允许样式指南中的组件与站点中的组件保持同步，而无需更新代码这两个地方！ - Nick Berens
现有工具
帮助您构建这些组件库的现有工具通常很有用 您可以使用特定的模板语言，特定的构建工具或 预先确定的方式来组织你的个人元素 图书馆。它们会生成一个Web预览，以便您浏览 渲染组件，但通常无法提供帮助 将您的组件库集成到您的构建过程或 现场。 - Fractal docs
半年前，没有这样的工具可以满足我的需求，所以我创建了自己的组件库生成器。关于week ago，名为Fractal的类似工具将发布它的v1.0。
Fractal - 那里的新人。灵活选择模板引擎。记录，但尚未广泛使用。
SourceJs - 允许直接在“样式指南”中编写新组件。多个模板引擎支持。
PatternLab - 已经很久了。其中一个最受欢迎的。与Atomic Design Methodology
一起来AtomicDocs - 新颖，美观，用户友好，易于安装的组件库。但它缺乏一些模板引擎的灵活性。
挑战是找到符合您需求的产品。目前我还没有找到全面的概述，这使得选择有点困难。 Here你可以找到一个很好的工具列表！
随意提问。
祝你好运;）