2012-04-30 26 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