如何将所有css文件放在一个文件中，将所有javascript文件放在一个文件中

Question

当我想要包含任何新的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>

Answer 1

对于CSS，您可以使用@import：

带CSS的HTML：

<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实例更好的方法了。

编辑：Crockford的JSMin是一个CLI实用程序，如果您想脱机使用它，可以使用它。

Answer 2

Minify是一个PHP库，它将所有CSS / JS文件合并为一个。这有帮助吗？

Answer 3

假设你有一个文件数组（使用本地文件系统路径）

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


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