2014-12-24 24 views
1

我需要导入特定文件夹中可用的整个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> 
+0

可以尝试'水珠()'=> HTTP:// php.net/manual/en/function.glob.php –

回答

4

编辑:迟到的答案看来,你已经接受了答案。如果我知道,我不会提交这个。我正在测试和制定它。

正如我在评论中所述,您可以使用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> 
+0

这是我试图找到的。 Thanx –

+0

@MilindaBandara不客气Milinda,*欢呼声* –

1

我觉得这是没有办法,你可以从一个文件夹做assets/css/*导入css文件。但是你可以将css文件夹中的文件连接成一个文件,然后缩小这个css文件并导入它。

您可以使用构建工具,如gulp来完成此事。检查了这一点https://www.npmjs.com/package/gulp-minify-css

1

否。一方面,客户端不知道该怎么请求(它可以只请求一个文件,每个http请求,其名称需要知道)。您可以通过四种方式完成:

  • 将所有CSS文件连接成一个文件,然后链接到该文件。
  • 有一个脚本,将串连所有CSS文件合并成一个反应,然后链接到该脚本
  • 在你的模板中的循环会在所有的CSS文件,并发给每个文件一个<link>元素。
  • 如果你只有几个CSS文件比不改变,你可以把它们全部写出来。
相关问题