2012-04-30 28 views
0

2部分问题,同时使用缩小。最后让它在localhost上工作。缩小外部网址和多个样式表

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

  <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键= AIzaSyAOpIKcVcsbojjjFIwnAOSsDwi_lARLp8o &传感器=假

如果可能的话,我将使用托管的脚本。我设法缩小了CSS,但我有一个3布局的样式切换器,当我将它们包含在缩小它们级联时,不是我想要的。有没有办法缩小这一点,或者我必须为每种风格分开单独的元素?

回答

1

1)最小化来自CDN的外部资产有点违背了首先使用CDN的目的。您正在将内容卸载到另一台服务器上,您将获得这些文件可能已被缓存的好处(当用户使用与您相同的CDN访问网站时,会下载这些文件)。如果你必须让它们缩小,只需要获得你自己的本地副本并将其包含在你的缩小脚本中。否则,我会把它们作为单独的脚本调用。

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

+0

想想我得到你,至于(1)我会尽可能地使用CDN,并缩小其他j/s并忽略Yslow的警告。 (2)base2.css中的任何未设置属性都来自base.css和alternative.css。 (base2.css是默认的atm,请不要问为什么)样式切换器不再工作,这是样式切换器的代码:http://jsfiddle.net/VF3eX/ – Renai