4

例如，jQuery Mobile 使用 Make 将它们的各种 js 和 css 文件组装成一个 js 和 css 文件。

这个想法是将文件的各个部分分开，这些部分最终将被构建成更小的文件，这些文件负责自己的事情。

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

在此处输入图像描述

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

4

3 回答 3

4

有很多可以做到这一点，例如：

于 2013-04-16T15:32:44.227 回答
2

我们使用rake，但已经尝试使用 Grunt 作为构建工具。您的风格偏好应该决定您使用什么工具运行：Grunt 是基于 node.js，rake ('ruby make') 是基于 Ruby，常见的 python 构建工具之一是scons。构建工具对于编译 SASS、执行 css 和 js 缩小以及生成 sprite 图像特别方便。祝你好运！

于 2013-04-17T21:42:03.370 回答
1

我不会称之为“标准”（甚至不是事实上的标准），但有一些特定于语言的选项。我使用带有 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，它可以作为批处理脚本集成到几乎任何构建系统中。

于 2013-04-19T06:20:10.067 回答