2014-12-24 6 views
1

특정 폴더에서 사용할 수있는 전체 css 파일을 가져와야합니다 (CSS) 파일을 파일로 가져 오지 않고 수행 할 수있는 방법이 있습니까?디렉토리의 전체 파일 가져 오기

에셋/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() 함수를 사용하여이를 수행 할 수 있습니다. 여기에 당신이 할 수있는 것입니다 : HTML 소스에서 비슷한 생성합니다

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

: 파일이있는 위치에 따라

<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") 

는 예를 들어 <head></head>

안에 그것을 위해 PHP를 배치 :()

<!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

이것은 내가 찾으려고했던 것입니다. 고맙습니다 –

+0

@ MilindaBandara 천만에요, Milinda, * 환호 * –

1

난 당신이 assets/css/*을 수행하여 폴더에서 css 파일을 가져올 수있는 방법이 없다 생각합니다. 그러나 당신은 하나의 파일에 CSS 폴더에서 파일을 연결하고 다음이 CSS 파일을 축소하고 가져올 수 있습니다.

이 작업을 수행하려면 gulp과 같은 빌드 도구를 사용할 수 있습니다. 이것을 확인하십시오 https://www.npmjs.com/package/gulp-minify-css

1

아니오 클라이언트는 무엇을 요청해야할지 모릅니다 (요청할 수있는 요청 당 하나의 파일 만 요청할 수 있습니다). 다음과 같은 네 가지 방법으로 작업 할 수 있습니다.

  • 모든 CSS 파일을 하나의 파일로 연결 한 다음 해당 파일에 연결하십시오.
  • 모든 CSS 파일을 하나의 응답으로 연결 한 다음 해당 스크립트에 연결하는 스크립트가 있습니다.
  • 템플릿에 모든 CSS 파일을 반복하는 루프가있어서 파일 당 하나의 <link> 요소가 발행됩니다.
  • 변경하지 않는 것보다 여러 CSS 파일 만있는 경우 손으로 모두 쓸 수 있습니다.