Как поместить все файлы css в один файл и все файлы javascript в один файл

Когда я хочу включить любой новый файл CSS или любой новый файл JS, я помещаю его в заголовок как это

css файл

<link rel="stylesheet" href="<?php echo URL; ?>public/css/header.css"  />
    <link rel="stylesheet" href="<?php echo URL; ?>public/css/index.css"  />
    <link rel="stylesheet" href="<?php echo URL; ?>public/css/footer.css"  />
    <link rel="stylesheet" href="<?php echo URL; ?>public/css/signup.css"  />
    <link rel="stylesheet" href="<?php echo URL; ?>public/css/contactUs.css"  />
    <link rel="stylesheet" href="<?php echo URL; ?>public/css/option.css"  />
    <link rel="stylesheet" href="<?php echo URL; ?>public/css/question.css"  />
    <link rel="stylesheet" href="<?php echo URL; ?>public/css/profile.css"  />

js file

<script src=<?php echo URL . "public/Js/profile.js" ?>></script>
    <script src=<?php echo URL . "public/Js/cell.js" ?>></script>
    <script src=<?php echo URL . "public/Js/place.js" ?>></script>
    <script src=<?php echo URL . "public/Js/ontology.js" ?>></script>
    <script src=<?php echo URL . "public/Js/informativeObject.js" ?>></script>
    <script src=<?php echo URL . "public/Js/question.js" ?>></script>

Мне нужно что-то вроде

<header> 
include all css
include all js
</header>

Ответ 1

Я думаю, что этот пост в stackoverflow полностью отвечает на ваш вопрос:

Как включить все css в директорию?

(Я не считаю это полезным, что я копирую/вставляю его, так что просто проверьте его)

ОБНОВЛЕНИЕ -----

Я забыл упомянуть решение для js файлов.

Это немного сложнее, но также и в stackoverflow!

Как включить файл JavaScript в другой файл JavaScript?

Ответ 2

Для CSS вы можете использовать @import:

HTML с CSS:

<style type="text/css">
@import url('index.css');
@import url('footer.css');
</style>

Автономный CSS:

@import url('index.css');
@import url('footer.css');

Браузеры включают JavaScript как #include AFAIK, поэтому нет лучшего способа, чем включать их через теги <script> или с помощью примера Wintermute из JS minifier.

Изменить: JSMin от Crockford - это утилита CLI, которую вы можете использовать, если вы хотите работать с ней в автономном режиме.

Ответ 3

Minify - это библиотека PHP, которая объединит все ваши файлы CSS/JS в один. Помогает ли это вообще?

Ответ 4

Предполагая, что у вас есть массив файлов (с использованием пути локальной файловой системы)

print "<style type='text/css'>\n";
showall($css);
print "</style>";


function showall($filelist)
{
   foreach ($filelist as $fname) {
      print file_get_contents($fname) . "\n";
   }
}