Javascript构建工具，用于在串联后更新脚本标记

Javascript build tools that update script tags after concatenation

本文关键字：更新脚本工具构建用于 Javascript 更新时间：2023-09-26

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

凹陷
最小化
用数据替换图像：uri
构建与源*
应用程序缓存清单生成*

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

构建与源

我的意思是，我的HTML和Javascript有一个"源代码"版本，它是不受影响的，这样我就不必每次都构建来预览更改。我的所有JS文件都是单独的<脚本>标记与构建一样，与使用最终连接的版本更新这些脚本部分相比。老实说，我觉得我在所有这些新的Javascript构建系统中都错过了一些东西，因为这似乎是一个明显的需求，但我找不到其他人在谈论它。其他人是如何处理这件事的？。。建立在开发过程中的每一个变化之上？？当然不是。

应用程序缓存清单生成

这就解释了自己——遍历我的源树，建立一个清单，并将其插入我的<html>标签

我一直在找这两个，但运气不好——有什么线索吗？如果不是因为这两个，我会带着一个杀手级的构建系统上路。

谢谢！！！

Re:构建与源代码

听起来你已经熟悉咕噜声了。您可能需要考虑研究grunt节点构建脚本插件。

它添加了许多新任务，特别是grunt mkdirs和grunt copy，它们将您的项目目录复制到一个单独的暂存文件夹中，然后将您优化的项目复制到发布文件夹中。如果我没有错的话，这就是你所说的保持源文件的"未经修改"版本的意思吗？

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

node-build-script添加了一系列其他超级方便的任务，如图像优化、自动文件旋转和替换。它非常易于使用，而且超级可定制。

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

回复：应用程序缓存清单生成

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

没有什么可以阻止你创建一个自定义的咕哝任务，它使用了类似于忏悔.js的东西。

最后，如果你还没有关注的话，谷歌即将推出的Yeoman可能值得关注！