Jekyll 作为前端框架 - 需要工作流解决方案

Question

这是我在Jekyll-Forums中的帖子的副本

情况

在我们公司，每个项目都经历相同的阶段：

1. 设计
2. 演示文稿
3. 发展

不幸的是，我们被数量众多的项目紧紧束缚，以至于我们多年来都没有更新我们的前端工作流程。我们还在老路上徘徊：

1. 设计 (Photoshop)
2. 演示文稿（将 psd 转换为 jpg 截图和模型）
3. 开发（psd转html）

我总是不喜欢看到我们沿着这条路走了多少时间和金钱。每个步骤都与其他步骤完全分开。而且...嗯，我想我不必列出这种方法带来的所有缺点。

我想改变这一点，为我们创建一个复杂而灵活的前端框架。

目标

对于这个 Jekyll 来说似乎恰到好处，因为它速度很快，并且有一些不错的自动化样式指南解决方案。 （例如this one）

总体来说是这样的计划：

在这个工作流程中，我看到了以下优势：

1. 非常快速和灵活（几乎不需要额外的工作）
2. 更好的输出（现场原型而不是屏幕截图）
3. 快乐的开发者（样式指南而不是巨大的 psd 文件）
4. 设计、演示和开发之间的更好连接

问题

我可以看到一切都很好地结合在一起，但我想知道如何做这部分：

1. 您拥有框架的主版本，其中包含所有可能的组件。

2. 要开始处理新项目，您需要为其创建一个新实例，其中仅包含您需要的组件。只有那些组件将成为自动化样式指南的一部分。

当然，我可以将主框架保存在某个地方，为每个新项目复制粘贴它，然后手动删除不必要的组件。但我想这只是自找麻烦。

有人知道更好的解决方案吗？ 某种生成器，可以做到这一点吗？

感谢您的任何建议。 :-)

Answer 1

这是个好问题。

你想要做的事情叫做atomic design，这可以用 Jekyll 来完成。

通过使用includes，您可以构建一组功能强大的组件，例如：

{% include fish.html param1="truite" param2=page.variable %}

然后您可以使用以下命令获取包含文件中的数据：

{{ include.param1 }}

或

{% if include.param2 %}
  ...

所以，是的！你可以使用 Jekyll 摆脱这种老式的设计工作流程。