如何在生产环境中加载压缩的 CSS？

Question

我在我的项目中加载了很多JS和CSS文件。为了提高网站的性能，我开始使用集成Ant构建的YUICompression。每次构建项目时，它都会创建一个附加了"-min.js"的压缩文件。

例如：myscript.js 构建后，新文件名为 "myscript-min.js"。

现在，我已经将所有文件更改为在页面中加载 myscript-min.js。

有没有自动化或更简单的方法来加载压缩文件呢？

先行感谢！！！

- Santhosh

Answer 1

在你的代码中，尝试确定加载页面的环境（生产或开发）。例如，在本地机器上进行开发时，可以检查您的IP地址、服务器环境变量（使用Apache SetEnv）、脚本路径等。利用这些数据，可以在生产环境中加载压缩脚本，或在开发环境中加载单独的脚本。

我假设你正在使用服务器端脚本语言，如PHP。如果你提供静态HTML文件，那就有点棘手了（我想到了动态JavaScript加载或类似的东西）。

- Peter Kruithof

Answer 2

如果您的项目中使用PHP，那么可以看看minify项目。它会处理大部分繁琐的工作。您可以自由地使用未压缩版本的CSS和JS文件，当这些文件通过HTTP请求时，minify将按需压缩它们。

- Salman A

Answer 3

如果您正在使用PHP，只需执行以下操作：

在生产机器上编辑apache配置文件，并将此行添加到httpd.conf中（之后重新启动apache）。如果您无法访问httpd.conf，则应尝试.htaccess。

SetEnv ENVIRONMENT production

这只是向 Apache 添加一个变量，告诉你正在运行生产模式。在开发机器上，将值 "production" 更改为 "development" 或任何你认为合理的值。

然后在 PHP 文件中，你可以像这样切换加载完整的 JS 文件和压缩的文件：

if(isset($_SERVER['ENVIRONMENT']) && $_SERVER['ENVIRONMENT'] == "production")
    {
        ... production minified JS here
    }
    else
    {
        ... development unminified JS here
    }

- Jorre