是否有使用构建程序构建HTML5应用程序的现代标准？

Question

例如，jQuery Mobile使用Make将各种js和css文件组合成单个js和css文件。

我们的想法是将最终构建的文件部分分成较小的文件，这些文件负责自己的事情。

您可以对网页执行相同的操作。将图像添加为Base64字符串，您可以将整个网站作为单个.htm文件，但构成该构建文件的所有文件彼此独立存在，就像正常情况一样。下面的图片可能会让这个概念更好一些。

我制作了自己的程序来执行此操作，如果需要，可以阅读here。我的问题是，是否有其他人已经抓住了这个想法，或者是否有更标准的方法来做到这一点？

Answer 1

可以做很多事情，比如：

• Grunt
• Assemble

Answer 2

我们使用rake但已尝试使用Grunt作为构建工具。你的味道偏好应该决定你运行的工具：Grunt是基于node.js的，rake（'ruby make'）是基于Ruby的，而常见的python构建工具之一是scons。构建工具对于编译SASS，执行css和js缩小以及生成精灵图像特别方便。祝你好运！

Answer 3

我没有什么可以称之为“标准”（甚至不是真正的标准），但有一些特定于语言的选项。我使用带有Railo的Coldfusion语言和一个名为cfstylesheet/cfjavascript的贡献扩展。它可以即时执行缩小，合并和/或遮挡（使用缓存），因此您只需使用一些额外的标签设置页面：

<cfset src = ['/cfjs/test/js/A.js','/cfjs/test/js/B.js'] />
<cfjavascript src="#src#" path="/cfjs/test/jscompressed" filename="myJs"/>

PHP有一个名为Minify的类似工具，可以用类似的方式工作。

更通用的工具是YUI Compressor，它可以作为批处理脚本集成到几乎任何构建系统中。