标签: yui-compressor

我试图通过合并和压缩CSS和JS文件来优化网站性能.我的问题更多的是关于如何实现这一目标的(具体)步骤,考虑到我所面临的真实情况(尽管如此,应该是其他开发人员中的典型情况).

我的页面引用了几个CSS和JS文件,如下所示:

<!--
  It's easier to work on smaller files during development.
  Hence, the multiple CSS and JS files.
-->
<link type="text/css" rel="stylesheet" href="/css/main.css" />
<link type="text/css" rel="stylesheet" href="/css/secondary-1.css" />
<link type="text/css" rel="stylesheet" href="/css/secondary-2.css" />

<script type="text/javascript" src="/scripts/js/main.js"></script>
<script type="text/javascript" src="/scripts/js/adapter/adapter.js"></script>
<script type="text/javascript" src="/scripts/js/adapter/title-adapter.js"></script>

对于生产版本,我想将3个CSS文件合并为一个并使用例如YUI Compressor缩小它.但是,我需要更新所有需要这3个文件的页面来引用新近缩小的CSS.这似乎容易出错(例如,您正在删除并在许多文件中添加一些行).还有其他风险较小的方法吗？JS文件也存在同样的问题.

YUI Compressor是最小化的最佳工具,但Closure似乎可能更好.

我正在寻找一个好的CSS压缩,合并和优化工具.我找到了清理CSS的工具,但是他们没有优化覆盖.

这是一个基本的例子:

a{color:#000}

在另一条线上,a颜色被覆盖:

a{color:#fff}

有没有人知道一个工具,可以清理未使用的CSS,被覆盖并保持应用的风格？

有没有办法配置SASS FileWatcher所以它构建一个Minified CSS？

我目前配置了SASS + YUI Compressor来实现这一目标,但如果可能的话,我想用纯SASS做到这一点.

以下是两种配置的屏幕截图:

上海社会科学院

YUI Compressor CSS

提前致谢.

我需要从一些Javascript代码中删除评论("这是评论",如评论),我正在使用YUI压缩器,有一个选项可以做到这一点吗？

谢谢

感谢您的回复,我正在尝试合并多个脚本并在使用YUI压缩之后; 我发现如果我压缩然后合并它工作的脚本,但如果我合并然后压缩,出错了,我的脚本坏了

我一直在努力让这个插件与maven-war-plugin很好地玩了几个小时,现在我觉得是时候寻求帮助了.我的插件定义如下:

<plugin>
    <groupId>net.alchim31.maven</groupId>
    <artifactId>yuicompressor-maven-plugin</artifactId>
    <version>1.3.0</version>
    <executions>
        <execution>
            <id>compressyui</id>
            <phase>process-resources</phase>
            <goals>
                <goal>compress</goal>
            </goals>
            <configuration>
                <nosuffix>true</nosuffix>
                <warSourceDirectory>${basedir}/WebContent</warSourceDirectory>
                <jswarn>false</jswarn>
            </configuration>
        </execution>
    </executions>
</plugin>

如果我删除nosuffix = true然后我可以看到压缩/缩小的-min.js文件按预期进入战争,但是这个标志被maven-war-plugin(我假设)覆盖了构建war文件.我真的需要文件名保持不变但是...有没有人知道我需要改变什么才能使用相同的文件名并仍然将缩小版本带入最后的战争？

YUI Compressor有一个已知的错误,其中一些媒体查询,包括那些用于为iOS和Android设备(例如@media screen and (max-device-width: 480px) {...})提供样式的查询,在压缩时会被破坏,因为and删除了开括号之间的空格.

• http://yuilibrary.com/projects/yuicompressor/ticket/2527991

可从主页(2.4.2)下载的最新版本仍存在此问题.

• http://yuilibrary.com/downloads/#yuicompressor

是否有修复此问题的更新版本？

我试图运行yuicompressor时遇到一些错误.

它说:

[error] 1:2:illegal character
[error] 1:2:syntax error
[error] 1:3 illegal character

这可能是因为我将其保存为错误的编码或其他什么？

我需要一种工具,可以缩小,优化和挖掘那些可能类型的许多文件

• HTML(仅限缩小)
• JavaScript(缩小,优化和munge)
• CSS(缩小)

最终结果应该是一个仅包含所有JavaScript和CSS的HTML文件,或者分别用于HTML,JS和CSS的最差场景3文件.

我知道像YUI Compressor等工具.我目前还没有找到的压缩器类型将适用于所有这些文件类型,并将它们合并到一个巨大的文件中.

我想知道是否可以通过Symfony2中的yui压缩器压缩内联javascript twig文件.
twig文件包含js代码作为<script>/%JS code%/</script>
doc说它适用于.js文件,但没有提到内联javascript