4

我非常热衷于在我的 Javascript/Web 应用程序开发中使用一些构建技术，例如

  • 串联
  • 缩小
  • 用数据替换图像：uri的
  • 构建与源 *
  • 应用缓存清单生成 *

最后两个我还没有找到答案。

构建与源

我的意思是我的 HTML 和 Javascript 的“源”版本是不变的，这样我就不必每次都构建来预览更改。我所有的 JS 文件都是单独的 <script> 标记，与构建和使用最终连接版本更新这些脚本部分一样。老实说，我觉得所有这些新的 Javascript 构建系统都缺少一些东西，因为这似乎是一个明显的需求，但我找不到其他人在谈论它。其他人是如何处理这个问题的？.. 建立在开发过程中的每一个变化上？肯定不是。

应用缓存清单生成

这说明了自己 - 遍历我的源代码树并构建一个清单并将其插入到我的 <html> 标记中。

我没有运气搜索过这两个 - 任何指针？如果不是这两个，我会带着杀手级构建系统上路。

谢谢！！！

4

1 回答 1

1

回复：构建与源代码

听起来您已经熟悉 grunt。您可能需要考虑查看grunt node-build-script plugin。

它添加了许多新任务，尤其是将您grunt mkdirs的grunt copy项目目录复制到单独的暂存文件夹中，然后将优化的项目复制到发布文件夹中。如果我没记错的话，这就是您保留源文件的“未修改”版本的意思吗？

然后运行grunt server将在 localhost 上提供发布文件的内容。如果您想检查处于未优化状态的应用程序，您总是可以将您的 Web 服务器指向您的初始项目目录。

node-build-script添加了许多其他超级方便的任务，例如图像优化、自动文件更新和替换。它非常易于使用且超级可定制。

我有一个基本的单页模板，使用node-build-script它也可能感兴趣。

回复：App Cache Manifest 生成

我相信这曾经是其中的一部分，node-build-script但后来被删除了，见1 , 2

然而，没有什么能阻止你创建一个自定义的 grunt 任务，该任务使用了像confess.js之类的东西。

最后，如果您还没有的话，看起来 Google 即将推出的Yeoman可能值得关注！

于 2012-08-24T15:49:34.030 回答