导入目录中的整个文件


import whole files in the Directory

我需要导入特定文件夹(css)中可用的整个css文件有没有一种方法可以在不逐个文件导入的情况下做到这一点?

需要导入资产/css/*

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

</head>

编辑:似乎回答晚了,你已经接受了答案。如果我知道,我就不会提交这个。我正忙着测试和制定它。

正如我在评论中所说,您可以使用 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>
我认为您无法

通过执行assets/css/*从文件夹中导入css文件。但是您可以将css文件夹中的文件连接成一个文件,然后缩小此css文件并将其导入。

您可以使用像gulp这样的构建工具来完成这件事。看看这个 https://www.npmjs.com/package/gulp-minify-css

No.首先,客户端不知道要请求什么(它只能为每个http请求请求一个文件,它需要知道其名称)。您可以通过四种方式执行此操作:

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