【问题标题】:minify external url & multiple style sheets缩小外部网址和多个样式表
【发布时间】:2012-04-30 21:15:32
【问题描述】:

使用 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&sensor=false

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

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

【问题讨论】:

    标签: javascript html css minify


    【解决方案1】:

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

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

    【讨论】:

    • 想我明白了,至于 (1) 我将尽可能使用 CDN 并缩小其他 j/s 并忽略 Yslow 的警告。 (2) base2.css 中任何未设置的属性都来自base.css 和alternative.css。 (base2.css是默认atm,请不要问为什么)样式切换器也不再起作用,这是样式切换器的代码:jsfiddle.net/VF3eX
    猜你喜欢
    • 2015-01-25
    • 1970-01-01
    • 1970-01-01
    • 2014-07-15
    • 1970-01-01
    • 1970-01-01
    • 2011-09-28
    • 1970-01-01
    • 2011-02-27
    相关资源
    最近更新 更多