HTML/CSS/JS 构建工具

3
我有一个项目,其中包含许多静态HTML和js文件。我需要一个构建工具来将它们连接并进行缩小。
我看到了这个this很棒的视频教程,它解释了如何使用ant和YUI来完成此操作。唯一遗漏的是,在创建被缩小版本之后,如何替换HTML中对JS/CSS文件的引用,以便引用新的缩小版本?
是否有更好/更易于使用的工具(非GPL/LGPL许可证)?

1
为什么不使用GPL/LGPL?您可能不需要修改这样的东西,因此无需担心病毒式许可证。 - Scott Sauyet
我在一家大公司工作,禁止使用那个许可证。 - Tomer
1
@ftom2,不要告诉他们仅仅通过在互联网上提问你就在使用大量的GPL软件 :-) - Pointy
2个回答

5

Grunt非常好用,支持大多数功能。这个插件会重写你的CSS链接标签,但通常(对于JS也是如此),你只需要直接编写指向压缩版本的链接/脚本标签,并不断构建你的文件即可。


“你只需编写链接/脚本标签,直接指向已压缩的版本即可。” - 我不确定我理解了,我有许多CSS / JS文件,我想将它们连接到一个文件中。在它存在之前如何引用它? - Tomer
因为您从未查看正在编辑的文件 - 您只能查看站点的构建版本,其中包含已连接的文件。Grunt可以持续运行以在您工作时保持文件同步。 - izb
那么也有两个HTML版本吗? - Tomer

0
你可以尝试使用JS和CSS压缩。JS压缩可以将多个JS文件合并为一个文件,CSS也是同理。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接