Javascript构建工具,用于在连接后更新脚本标记

我非常希望在我的 Javascript / Web App开发中使用一些构建技术,例如

>连锁
>缩小
>用数据替换图像：uri’s
>构建与来源*
> App Cache Manifest generation *

这是我还没有找到答案的最后两个.

构建vs源

我的意思是让我的HTML和Javascript的“源”版本不受影响,这样我就不必每次都构建预览更改.我的所有JS文件都是单独的< script>像往常一样标记构建vs使用最终的连接版本更新这些脚本部分.说实话,我觉得我错过了所有这些新的Javascript构建系统,因为这似乎是一个显而易见的需求,但我找不到其他人在谈论它.其他人如何处理这个问题？在开发过程中根据每个变化进行构建？肯定不是.

App Cache Manifest生成

这解释了自己 – 遍历我的源代码树并构建一个清单并将其插入我的< html>标签.

我搜索了这两个没有运气 – 任何指针？
如果不是那两个人,我会在路上使用杀手制作系统.

谢谢！！！

解决方法

回复：Build vs Source

听起来你已经熟悉了咕噜声.您可能需要考虑查看grunt node-build-script plugin.

它添加了许多新任务,特别是grunt mkdirs和grunt copy,它们将项目目录复制到一个单独的staging文件夹中,然后将优化项目复制到发布文件夹中.如果我没有弄错的话,这就是保持源文件的“未触动”版本的意思吗？

然后,运行grunt服务器将在localhost上提供发布文件的内容.如果要在未优化的状态下检查应用程序,可以始终将Web服务器指向初始项目目录.

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

我有一个使用node-build-script的basic single page template,它也可能是有意义的.

Re：App Cache Manifest生成

我相信这曾经是node-build-script的一部分,但自从删除后,请参阅1,2

没有什么可以阻止你创建一个使用像confess.js这样的东西的自定义grunt任务.

最后,看起来谷歌即将推出的Yeoman可能值得关注,如果你还没有！