Minfiying CSS 破坏了嵌入的 EL 表达式答案

【问题标题】：Minfiying CSS breaks embedded EL expressionsMinfiying CSS 破坏了嵌入的 EL 表达式
【发布时间】：2015-05-10 13:35:05
【问题描述】：

我们使用yuicompressor-maven-plugin 来压缩我们的css/js 资源。不幸的是，它破坏了我们嵌入的 EL 表达式。

body {
    font-size: #{fooBean.fontSize}px;
}

变成

body{font-size:#{fooBean.fontSize;}    // note the additional ;
px}

这使得表达式无法解析 (Cannot evaluate EL expression fooBean.fontSize; in resource css/foo:style.css)。

有什么办法吗？排除单个 css 文件是没有选择的，因为它们中的大多数都会受到影响。完全不压缩也是如此。

【问题讨论】：

【解决方案1】：

替代（IMO 更好）的解决方案是不在您的 css 中使用 EL 表达式。

IMO 您最好使用其他 css 来覆盖 font-size ，如果您想制作一些自定义特定样式，您应该为每个客户创建一个 css，其中所有这些特定规则将覆盖一般规则...我不认为将你的 css 耦合到你的 bean 是一个好主意。

general-style.css：

body {
    font-size: 18px;
}

custom-xyz-style.css：

body {
    font-size: 14px;

只需确保 custom-xyz-style.css 将包含在 general-style.css 文件之后

【讨论】：