在同一文件夾中加載多個樣式表/腳本的快捷方式

Question

我一直在網頁上工作，想在外部庫中加載多個樣式表。

不幸的是，該庫在同一文件夾下散布了許多CSS文件。

名稱很復雜，手動將其鏈接起來很麻煩。

因為它

<link type="text/css" href="site/libraries/folder/highlight-areas.css"></link>
...

是否有快捷方式將所有CSS文件加載到文件夾site / libraries / folder的同一頁面上

我知道如何使用Ruby on Rails做到這一點，但這是另一個領域。

客戶端有類似的技術嗎？

提前致謝

Answer 1

CSS @import函數對您有幫助嗎？ 它允許您將一個CSS文件導入另一個文件，因此您可以創建一個鏈接到其余庫樣式的主CSS。

Answer 2

不是這樣，不。 Javascript根本無法訪問服務器端信息。 （感謝謝天謝地！）但是，如果您願意，沒有什么可以阻止您：

1. 用某種服務器端腳本語言創建頁面，該頁面可以：
   A.在site/libraries/folder內獲取所有.css文件的內容，並根據請求將它們作為一個CSS文件提供。
   B.向您的客戶端腳本發送文件夾中所有.css文件名稱的列表，以便它可以在需要時加載它們。
2. 在部署階段中設置腳本，該腳本可以：
   .css用要使用的.css文件名更新.js ， .css或.html文件。
   B.串接所有的.css文件合並成一個文件，然后將部署到服務器。

這些方法都有優點和缺點。 1A需要處理每個請求的時間（除非您緩存結果，在這種情況下，您可能只考慮使用2B ） 1B不適用於禁用Javascript的客戶端。 2A和2B都要求您始終在進行編輯后運行部署腳本。 因此，這完全取決於您。

Answer 3

只是一個想法（未經測試）：

• 設置htaccess文件以允許列出樣式表目錄的目錄內容
• 解析結果以提取文件名
• 使用document.write注入鏈接標簽