【问题标题】：How to put all css files in one file and all javascript files in one file [duplicate]如何将所有css文件放在一个文件中，将所有javascript文件放在一个文件中[重复]
【发布时间】：2012-05-18 05:12:28
【问题描述】：

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

【问题讨论】：

您如何/在哪里定义“所有 css”？您希望在哪个阶段扩展它（鉴于浏览器不能这样做）？
在一个叫public/css的文件夹中，所有的js都在这个文件夹public/js中
我正在使用带有 .htaccess 的 MVC
我想在 google chrome 上工作，如果答案不适用于 IE，我不在乎，我不希望我的网站使用 IE :) :)
使用一些工具，例如minify 用于 PHP，webutilities 用于 Java 或 Resources 用于 Grails...

标签： javascript css web-applications web

【解决方案1】：

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

【讨论】：

在我的国家是禁止的:(

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

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

【讨论】：

我在 css 文件或 php 文件中使用该代码？
@WilliamKinaan，代码示例适用于可以在 PHP 文件中生成的 HTML。您还可以从中剥离 <style> 标记，使其成为纯 CSS。简而言之，您可以同时使用它。
我从你那里了解到 1- 在我的 html 标头中我将把这个 2-in mycssfile.css 我会把你的代码放在正确的地方？
我标记了两个代码示例。在您的 HTML 标头中，您有两个选择：1) 将 HTML with CSS 直接放入您的 HTML 标头或 2) 将 独立 CSS 放入 mycssfile.css 并包含它以<link href="mycssfile.css" /> 的形式进入您的HTML 标头。任何一个选项都取决于您的偏好。
是的，它有效，但我不得不把这个 rel="stylesheet"

【解决方案3】：

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

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


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

【讨论】：

这段代码我应该在哪里使用它？以及如何从我的 html 中调用它？