繁体   English   中英

将整个文件导入目录

[英]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

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

  • 将所有CSS文件合并为一个文件,然后链接到该文件。
  • 有一个脚本将所有CSS文件连接成一个响应,然后链接到该脚本
  • 在模板中循环遍历所有CSS文件,每个文件将发出一个<link>元素。
  • 如果只有几个CSS文件而不要更改,则可以手工将其全部写出。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM