Question

我需要导入特定文件夹（css）中可用的整个css文件有没有一种方法可以在不导入文件的情况下进行？

需要导入 assets / 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

我认为您无法通过执行css从文件夹中导入assets/css/*个文件。但是你可以将css文件夹中的文件连接成一个文件，然后缩小这个css文件并导入它。

您可以使用gulp之类的构建工具来完成此任务。看看https://www.npmjs.com/package/gulp-minify-css

Answer 3

没有。首先，客户端不知道要请求什么（它每个http请求只能请求一个文件，其名称需要知道）。您可以通过以下四种方式完成此任务：

将所有CSS文件连接到一个文件中，然后链接到该文件。
有一个脚本可以将所有CSS文件连接成一个响应，然后链接到该脚本
模板中的循环遍历所有CSS文件，每个文件将发出一个<link>元素。
如果您只有几个CSS文件而不是更改，您可以手动将它们全部写出来。

导入目录中的整个文件

3 个答案: