스타일 파일을 포함하는 가장 좋은 방법

Question

스타일 파일, js 스크립트, 별도의 페이지를위한 스크립트 코드 블록을 포함하는 더 좋은 방법은 무엇입니까?

예를 들어 3 페이지, index.php, about.php, contact.php 및 일반 헤더가 있습니다. index.php에 대해서만 CSS 스타일 파일이 필요하므로 jquery, fancybox, somepopup.js 및 기타와 같은 다른 모든 파일을 포함하는 것은 논리적이지 않습니다. about.php에 대해서는 jquery 및 fancybox를 포함해야하고 연락처가 필요합니다. PHP는 내가 fancybox이 필요하지만, JQuery와 일부, 내 블록 코드 등이 필요

<style> 
    $('.lalala').bind('click', function() { 
    //some code lalala 
    }); 
</style> 

를 그리고 최고의, 그리고 (컴파일러) 가장 빠른 방법은 그것을 할 것입니다하지? 나는이 ($_SERVER['PHP_SELF'] == '/index.php' || $_SERVER['PHP_SELF'] == '/banana.php')? '<script src="js/ckeditor/my_conf.js"></script>' :''

같은 것을 사용하지만 그 모습은 정말 나쁜 5 개 이상의 파일, 그리고 페이지에 따라 헤더에 전달해야 일부 블록 코드가있을 때. 그래서 어쩌면 더 좋은 방법이 있을까요?

Answer 1

최상의 솔루션은 모든 파일을 하나로 병합하는 것입니다. 예를 들어 application.js 및 application.css을 만들 수 있습니다. PHP로 수동 또는 동적으로 수행 할 수 있습니다.

$css = scandir('./css/'); 
$apllicationCSS = array(); 

foreach($css as $file) 
{ 
    if($file !== '.' and $file !== '..') 
    { 
     $apllicationCSS[] = file_get_contents('./css/' . $file); 
    } 
} 

file_put_contents('application.css', implode("\n", $applicationCSS)); 

나는 그것을 테스트하지 않았지만 전반적인 아이디어를 얻어야합니다. 코드를 개선해야합니다. 하위 디렉토리를 반복적으로 작동 시키거나 공백을 제거하여 파일의 가중치를 최소화 할 수 있습니다.