javascript - 为 JS 应用程序构建系统 - 值得付出努力吗?

标签 javascript build d3.js gruntjs middleman

为了构建静态网页来服务交互式新闻应用程序(主要是使用 D3 等脚本编写的数据可视化或使用 Bootstrap.js 构建的轻量级应用程序),是否值得安装和配置 Middleman 或 Grunt 等构建系统.js?

我之所以问这个问题,是因为我对 Ruby 和 Ruby Gems 根本不熟悉,而且目前没有时间和意愿深入研究它,因为我已经非常了解 Python 和 Javascript。

我需要了解 Ruby 才能高效地使用 Middleman 吗?或者我应该只使用 Grunt ?我问这个问题是因为我想一遍又一遍地重复使用相同的模板,并且听说使用 Middleman 很容易做到这一点。

最佳答案

Middleman 和 Grunt 之间有明显的区别。
Grunt 是一个通用任务运行程序,而 Middleman 是一个静态站点生成器

例如,中间人将用于创建具有多个 URL 的站点。您将一些文件放入一个文件夹中,Middleman 负责排列它们、为 URL 创建子文件夹、渲染布局、压缩资源,最后您将得到一堆代表该站点的文件。所有这些都是内置的。

您不一定需要了解很多 Ruby 才能开始使用 Middleman,但要充分利用它、了解它的工作原理并根据您的需求更改配置,基本的 Ruby 知识是关键。

另一方面,Grunt 通过使用插件并告诉他们要做什么来工作。默认情况下它不执行任何操作。您可以将 Grunt 视为“框架”,随时供您添加任务。压缩这两个css文件。合并这些 JS 文件并将主题移到此处。诸如此类的事情。

要构建一个完整的网站,我推荐 Middleman。为了能够使用用其他语言(例如 JS)创建的模板,您可以使用 Jade 作为模板语言。默认情况下,Middleman 使用 ERB(Ruby 标准库的一部分)。另一个流行的选择是 HAML,但我不确定是否有合适的 JS 编译器。

如果您想对 JS 文件的输出进行真正细粒度的控制(您在问题中谈论的是 JS 客户端应用程序),您甚至可以一起使用 Grunt 和 Middleman。 Grunt 将负责管理 Assets (您可以在那里进行非常详细的配置),而 Middleman 将处理模板、URL 生成和所有其他“默认网站相关”的内容。

关于javascript - 为 JS 应用程序构建系统 - 值得付出努力吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22164709/

相关文章:

javascript - 无法让4个圆圈同时出现

javascript - 如何将属性添加到我的自定义元素并能够对其值更改触发操作

c++ - Visual Studio C++ 如何将从 .rc 或 .h 读取的版本信息添加到目标名称?

javascript - Javascript 中的 For 循环在另一个 for 循环中崩溃

vb.net - VB.Net未指定错误/

visual-studio - 从 MSBuild 发布中排除 `.js` 文件但不排除 '.min.js' 文件

javascript - 在 d3 中添加一个新的 rccord 到平行坐标图

javascript - 具有多个图的 D3 转换

javascript - 如果我想要 2 个 css 框架,比如 bootstrap vue 和 vuetify 使用同一个项目

javascript - 通用分析 : Multiple inline OnClick events triggered by single click