2013-04-10 38 views
4

例如,jQuery Mobile使用Make将它们的各种js和css文件组装到单个js和css文件中。是否有构建HTML5应用程序的构建程序的现代标准?

的想法是将文件的不同部分,这将最终建设成为更小的文件是对自己负责的事情。

你可以做同样的事情的网页。将图像添加为Base64字符串,并且您可以将整个网站作为单个.htm文件进行添加,但构成该构建文件的所有文件均与普通文件相互独立存在。下面的图片可能会让这个概念更好一些。

enter image description here

我做我自己的程序来做这里面,如果你愿意,你可以读到here。我的问题是,如果有其他人已经接受了这个想法,或者如果有更标准的方法做到这一点?

+0

这个概念也意味着有什么缓存(重载将覆盖媒体链接加载的图像的完整),这使得这样的页面制作只是有趣的变化谁每次访问的内容。在更大规模的情况下,这比“标准”的方式更复杂 – 2013-04-12 17:31:43

+0

我从来没有说过它不能设计成适合这些东西。实际上,它可以让他们以及任何其他应用程序。这不仅仅是关于一个文件中的东西,尽管这是一个很有趣的例子。这是一个有点关于模块化可重复使用的可维护的代码 – user1873073 2013-04-12 23:59:52

+0

这听起来很像什么MoveableType可以做,其静态发布模式,它会呈现HTML所有CMS中的网页。但是,您也可能在讨论HTML应用程序缓存的概念,该缓存允许您在本地捆绑运行应用程序所需的文件。请参阅https://developer.mozilla.org/en-US/docs/HTML/Using_the_application_cache – 2013-04-16 16:05:39

回答

4

有不少可以做出这样做,如:

+0

是的,这正是Assemble创建的目的。 Assemble只是一个Grunt.js插件 – jonschlinkert 2013-05-14 00:43:42

2

我们使用rake但与咕噜试验作为构建工具。你的风格偏好应该决定你运行的是什么工具:Grunt是基于node.js的,rake('ruby make')是基于Ruby的,而其中一个常见的python构建工具是scons。构建工具在编译SASS,执行css和js缩小以及生成精灵图像方面特别方便。祝你好运!

1

没有我称之为“标准”(甚至不是一个事实上的一个),但也有一些语言的特定选项。我使用Railfusion的Coldfusion语言和一个名为cfstylesheet/cfjavascript的贡献扩展。它执行缩小,合并和/或obsfucation上即时(有缓存),所以你只需设置你的页面与一些额外的标签,因此:

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

PHP有一个叫做Minify提供类似的工具,在一个工作类似的方式。

一个更通用的工具是它可以集成到几乎所有的编译系统的批处理脚本。

相关问题