Question

我将许多CSS / JS分开，因此更容易工作和查看。但是当网站加载时，它必须加载所有这些JS和CSS文件，这将延长加载时间越来越多。

所以我试图在我的网站上放一个简单的PHP脚本，它获取所有的CSS内容并将其放在1个文件中。 JS内容也是如此。

看起来像这样（$ data ['js']和$ data ['css']是包含所有文件的数组）：

<?php
    $jsData = "";
    $cssData = "";
    foreach($data['js'] as $js) {
        $jsData .= file_get_contents($js);
    }
    foreach($data['css'] as $css) {
        $cssData .= file_get_contents($css);
    }
    file_put_contents('static/js/javascript.js', $jsData);
    file_put_contents('static/css/style.css', $cssData);
?>

<script type="text/javascript" src="static/js/javascript.js"></script>
<link href="static/css/style.css" rel="stylesheet" type="text/css">

由于我还是初学者，我想问你一些提示/建议，你们觉得怎么样？

谢谢

Answer 1

使用此CssJsBundler

上面是github和开源，它可以满足您的要求！

并查看http://www.subchild.com/2008/08/07/simple-javascript-and-css-file-bundler/

告诉您如何配置选项。

在1个文件中自动css / js内容

1 个答案: