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


How to put all css files in one file and all javascript files in one file

本问题已经有最佳答案，请猛点这里访问。

当我想要包含任何新的CSS文件或任何新的JS文件时，我将其放在头中，如下所示

CSS文件

1
2
3
4
5
6
7
8
<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文件

1
2
3
4
5
6
<script src=<?php echo URL ."public/Js/profile.js" ?>>
    <script src=<?php echo URL ."public/Js/cell.js" ?>>
    <script src=<?php echo URL ."public/Js/place.js" ?>>
    <script src=<?php echo URL ."public/Js/ontology.js" ?>>
    <script src=<?php echo URL ."public/Js/informativeObject.js" ?>>
    <script src=<?php echo URL ."public/Js/question.js" ?>>

我想要类似的东西

1
2
3
4
<header>
include all css
include all js
</header>
相关讨论

对于CSS，可以使用@import：

使用CSS的HTML：

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

独立CSS：

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

浏览器将javascript作为一个#includeafaik，所以没有比通过标记或使用wintermute的JS迷你化器示例将其包含在内更好的方法了。

edit:jsmin by crockford是一个cli实用程序，如果您想脱机使用它，可以使用它。

相关讨论