css - 如何在不使用 Compass 和 SASS 的情况下创建 ExtJS 4 主题？

Question

我想为基于 ExtJS 4 的应用程序创建自定义主题。我阅读了 ExtJS 文档，发现我们需要安装 Ruby、Compass 和 SASS 来创建自定义主题。

由于我不确定我的客户(以及我的雇主)是否允许我安装这 3 个工具，我想知道是否可以在不使用这些工具的情况下创建自定义主题？

提前致谢!

Answer 1

这可能吗？ 是的。没有 SASS，您仍然可以使用纯 CSS 应用您需要的任何自定义样式。您可以在网页上包含默认的 ExtJS 样式表，然后使用自定义样式表来覆盖您需要的任何样式。

它更可取吗？否。根据您要进行的主题更改的程度，使用纯 CSS 可能会很乏味和麻烦。使用 SASS/Compass 允许您使用 ExtJS 提供的变量和 mixins 进行主题化，这比尝试手动操作要快得多，也容易得多。此外，SASS 生成的 CSS 文件将被缩小，并且不会包含您最终尝试手动完成的额外 CSS 膨胀。

我的建议:努力说服您的雇主允许您使用 SASS。如果他们这样做，那将是非常值得的。请记住:Ruby、SASS 和 Compass 仅用于开发，因为您的 SASS 文件将在包含在网页上之前被编译成 CSS。您的客户不需要任何额外的东西(浏览器除外)来访问 ExtJS 应用程序。如果你的雇主真的固执地安装 Ruby，你可能别无选择，只能用 CSS 手动创建你的主题。但这可能是一段漫长而令人沮丧的经历。