將整個文件導入目錄

Question

我需要導入特定文件夾（css）中可用的整個CSS文件，有沒有一種方法可以不按文件導入文件？

需要導入資產/ css / * ？

    <link href="<?php echo base_url(); ?>assets/css/*" rel="stylesheet"/>
        <title>Untitled Document</title>
        <style>
            #area {
                max-width: 600px;
            }
        </style>


</head>

Answer 1

編輯：似乎遲到了，您已經接受了答案。 如果我知道，我將不會提交。 我正在忙於測試和制定。

正如我在評論中所述，您可以使用PHP的glob()函數以及一個foreach循環來實現這一點。 您可以執行以下操作：

foreach (glob("*.css") as $css) {
    echo "<link type=\"text/css\" rel=\"stylesheet\" href=\"$css\">\n";
}

HTML源代碼中的哪個將產生類似於以下內容的內容：

<link type="text/css" rel="stylesheet" href="css_1.css">
<link type="text/css" rel="stylesheet" href="css_2.css">
<link type="text/css" rel="stylesheet" href="css_3.css">

根據文件的位置，您可能需要更改這些文件的路徑。

即：

foreach (glob("path/to/css/folder/*.css")

將PHP放在<head></head>

例如：

<!DOCTYPE html>

<head>

<?php 

    foreach (glob("*.css") as $css) {
        echo "<link type=\"text/css\" rel=\"stylesheet\" href=\"$css\">\n";
    }

?>

</head>

<body>

    <div id="css_1">Style 1</div>
    <br>
    <div id="css_2">Style 2</div>
    <br>
    <div id="css_3">Style 3</div>

</body>
</html>

Answer 2

我認為您無法通過assets/css/*從文件夾導入css文件。 但是您可以將css文件夾中的文件串聯為一個文件，然后最小化此css文件並將其導入。

您可以使用gulp等構建工具來完成此任務。 看看這個https://www.npmjs.com/package/gulp-minify-css

Answer 3

不能。一方面，客戶端不知道要請求什么（每個http請求只能請求一個文件，它需要知道其名稱）。 您可以通過以下四種方式進行操作：

將所有CSS文件合並為一個文件，然后鏈接到該文件。
有一個腳本將所有CSS文件連接成一個響應，然后鏈接到該腳本
在模板中循環遍歷所有CSS文件，每個文件將發出一個<link>元素。
如果只有幾個CSS文件而不要更改，則可以手工將其全部寫出。

將整個文件導入目錄

問題描述

3 個解決方案

解決方案1
4 已采納 2014-12-24 05:21:11

解決方案2
1 2014-12-24 05:02:43

解決方案3
1 2014-12-24 05:02:56

將整個文件導入目錄

問題描述

3 個解決方案

解決方案1 4 已采納 2014-12-24 05:21:11

解決方案2 1 2014-12-24 05:02:43

解決方案3 1 2014-12-24 05:02:56

解決方案1
4 已采納 2014-12-24 05:21:11

解決方案2
1 2014-12-24 05:02:43

解決方案3
1 2014-12-24 05:02:56