如何动态缩小JS或CSS [已关闭]

2022-08-30 11:13:33

如何在动态/运行时上缩小JS和CSS,以便我可以在运行时/飞行上缩小原始代码结构时将原始代码结构保留在服务器中。


答案 1

经过大量的搜索和网站优化,我真的建议将此脚本用于CSS文件:

<style>
<?php
     $cssFiles = array(
      "style.css",
      "style2.css"
    );

    $buffer = "";
    foreach ($cssFiles as $cssFile) {
      $buffer .= file_get_contents($cssFile);
    }
    $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
    $buffer = str_replace(': ', ':', $buffer);
    $buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer);
    echo($buffer);
?>
</style>

它将所有css文件压缩为一个,并将其粘贴到html中,从而将其他请求的数量减少到零。您也可以制作自己的压缩.css文件,如果您更喜欢这样做,而不是将样式粘贴到html中。


答案 2

我想你的问题实际上应该是:我如何可靠和重复地更新我的实时服务器?您需要的是一个自动部署脚本。个人我更喜欢Fabric,但还有其他工具可用。

自动部署脚本将允许您运行单个命令,该命令将转到实时服务器并更新源代码,运行任何部署步骤(例如缩小javascript)并重新启动Web服务器。

你真的不想动态缩小javascript或css文件,你应该在部署时这样做一次,然后在代码中有一个变量来指定这是否是实时部署。如果变量为 true,则指向文件的链接应为指向最小化版本的链接,如果该变量为 false,则它们应为指向正常版本的链接。

有许多程序可以执行最小化,其中一个尚未被提及的是JSMin