缩小外部网址和多个样式表

时间:2012-04-30 21:15:32

标签: javascript html css minify

使用minify时出现2部分问题。最后让它在localhost上工作。

1)我有一些可以在外部链接到CDN的脚本,我如何在minify中包含这些脚本?

         <script type="text/javascript" src="/min/b=highaccess/js&amp;f=styleswitcher.js,jquery-1.7.2.js,jquery-ui-1.8.19.custom.min.js,downloadxml.js,geometa.js"></script>

我还需要包含以下内容:http://maps.google.com/maps/api/js?key = AIzaSyAOpIKcVcsbojjjFIwnAOSsDwi_lARLp8o&amp; sensor = false

如果可能,我将使用托管脚本。

2)我已经设法缩小了CSS,但我有一个3种布局的样式切换器,当我将它们包含在缩小它们级联时,而不是我想要的。有没有办法缩小这个或者我必须为每种风格分别使用元素吗?

1 个答案:

答案 0 :(得分:1)

1)从CDN中减去外部资产,首先会破坏使用CDN的目的。您正在将内容卸载到另一台服务器,并且您可以获得这些文件可能已经缓存的好处(当用户使用与您相同的CDN访问站点时下载)。如果您必须将它们缩小,只需获取您自己的本地副本并将其包含在minify脚本中。否则,我会将它们留作单独的脚本调用。

2)缩小CSS意味着所有内容都合并为一个请求,所以是的,稍后添加的样式将覆盖早期的样式。如果您有3个不同的主题,则每个主题需要有3个单独的缩小过程。只需使用javascript在标签中动态加载它们,它们会在您切换时覆盖它们。