17

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

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

3 回答 3

2

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

于 2012-05-09T16:35:44.773 回答
2

对于 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 作为#includeAFAIK 包含在内，因此没有比通过<script>标签或使用 Wintermute 的 JS 缩小器示例将它们全部包含在内更好的方法了。

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

于 2012-05-09T16:37:53.793 回答
1

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

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


function showall($filelist)
{
   foreach ($filelist as $fname) {
      print file_get_contents($fname) . "\n";
   }
}
于 2012-05-09T16:41:31.753 回答