如何在生产环境中加载 minify css

Question

我的项目中加载了很多 JS 和 CSS。 为了提高我的网站性能，我开始使用与 Ant 构建集成的 YUICompression。 因此，每次构建项目时，它都会创建带有附加“-min.js”的缩小文件，

例如：构建后的 myscript.js，新文件“myscript-min.js”。

现在我已经更改了所有文件以在我的页面中加载 myscript-min.js 。

是否有任何自动化或更简单的方法来加载缩小文件。

提前致谢！！！

Answer 1

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

我假设您使用的是服务器端脚本语言，例如 PHP。如果您提供静态 HTML 文件，它会变得更加棘手（我想 动态 javascript 加载< /a> 或其他）。

Answer 2

如果您（可以）在项目中使用 PHP，请查看 minify 项目。它负责大部分家务。您可以自由使用 CSS 和 JS 文件的未压缩版本，当通过 HTTP 请求这些文件时，minify 将按需压缩它们。

Answer 3

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

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

SetEnv ENVIRONMENT production

这只是向 apache 添加一个变量，告诉您您正在生产模式下运行。在您的开发机器上，将值“生产”更改为“开发”或任何对您有意义的值。

然后在 PHP 文件中，您可以在加载完整 JS 文件和缩小文件之间切换，如下所示：

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