php - 如何缩小多种/混合文件类型

Question

我做了很多网络性能优化工作，通常是在(显然)不是每个人都在开发环境和生产环境的同一页面上的元素上。

我从事的大多数元素都使用 HTML、CSS 和 JS，但我经常关注的 HTML 是在 PHP 模板中(主要是 HTML)。

哪些 PHP 压缩器(如果有的话)将在主要是 HTML 的文件上正确工作，哪些 JS 和 CSS 压缩器将生成对开发人员友好但压缩的代码(例如，每条规则都在一行的 CSS 文件，同时保留注释但删除空格)。

由于运行不同的任务很容易，我目前使用 Grunt 和大多数“contrib”插件来完成大部分任务，但简单连接与完全连接和缩小之间似乎没有太大区别(即所有代码都在一行上)。

是否有任何工具可以提供中间立场和/或可以处理混合文件类型(即主要包含 HTML 的 PHP 文件或包含 PHP 的 .htm(l) 文件扩展名的文件) ？

Answer 1

这是我找到的最令人满意的解决方案(截至昨天)...抱歉，但我不得不提到一个特定的程序(我假设其他程序可能会做同样的事情)。

我能给出的最清楚的解释是 CSS:

在 Sublime Text 中打开元素，使用激活的正则表达式匹配选项执行“替换”查找 \n\n(2 个回车符)并替换为 \n(1 个回车)。

保存。

然后在 IDE 中打开元素，设置代码格式首选项，使声明、属性和右括号在各自的行上，并且每个都缩进等量。

然后我将这些设置应用到整个元素并重新格式化了代码。为了防止伪类匹配，我将其设置为在冒号后有一个空格将规则与声明分开。例如:

a:hover{
font-weight: bold;
}
p{
font-weight: normal;
}

然后我为 : 做了一个“全部查找”(后面紧跟着一个空格——在 Sublime Text 中，我只是突出显示了一个冒号和尾随空格，然后选择了“全选”选项(命令在 Mac 上 +control+g)。

然后我将光标移动到每行的开头(command+◀︎ [这是一个左箭头])并删除，直到所有属性都在一行上。

然后我向下移动到下一行，只有 (右括号)的行被删除，直到它与属性和声明位于同一行。

然后我调整了这个过程以处理我需要的每个文件(PHP/HTML、CSS、JS)。

最终结果是紧凑的、人性化的、可读的，代码具有完整的所有开发人员友好的特性(声明中最后一个属性后的分号，单独行中的声明)。