6

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

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

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

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

提前致谢！！！

4

3 回答 3

2

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

我假设您使用的是服务器端脚本语言，例如 PHP。如果您提供静态 HTML 文件，它会变得有点棘手（我正在考虑动态 javascript 加载或其他东西）。

于 2011-06-06T07:54:23.420 回答
1

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

于 2011-06-06T07:59:20.533 回答
0

如果您使用的是 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
    }
于 2013-10-21T19:27:13.797 回答