Javascript 如何在生产环境中加载缩小css

Javascript 如何在生产环境中加载缩小css,javascript,css,ant,minify,yui-compressor,Javascript,Css,Ant,Minify,Yui Compressor,我已经在我的项目中加载了很多JS和CSS。 为了提高我的站点性能,我从与Ant build集成的YUICompression开始。 因此,每次我构建项目时,它都会创建一个带有附加“-min.js”的缩小文件 示例:myscript.js生成后,新文件“myscript-min.js” 现在我已经更改了所有文件,以便在我的页面中加载myscript-min.js 是否有任何自动化或更简单的方法来加载缩小文件 提前感谢 在代码中,尝试确定加载页面的环境(生产或开发)。例如,在本地计算机上开发时,可以

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

示例:myscript.js生成后,新文件“myscript-min.js”

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

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


提前感谢

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


我假设您使用的是服务器端脚本语言,比如PHP。如果您提供的是静态HTML文件,它会变得有点棘手(我在想什么)。

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

如果您使用的是PHP,只需执行以下操作:

在生产机器上编辑apache配置文件,并将此行添加到httpd.conf(之后重新启动apache)。在共享主机上,如果您没有访问httpd.conf的权限,则应尝试.htaccess

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

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

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