Vaadin/compass：来自导入主题 scss 的 URL 路径未正确编译

Question

我正在尝试使用 compass 编译来自 Vaadin Dashboard 主题的 styles.scss 的修改版本。像大多数 Vaadin 主题一样，它导入 Vaadin Base 主题：

@import "../base/base.scss";

在预编译的主题中，base.scss 中指定的 URL 已更新，以匹配 Base 主题相对于带有前缀 ../base/ 的主题导入的位置。例如，像

这样的语句

background: transparent url(tree/img/connector-collapse.png) no-repeat 2px -52px;

更新为

background: transparent url(../base/tree/img/connector-collapse.png) no-repeat 2px -52px;

使用 compass 编译我修改后的仪表板主题时，base.scss 中指定的 URL 不会使用 ../base 前缀进行更新。我怀疑这个问题可能很常见，但我已经搜索了几个小时，我的关键字主要导致其他与 url 相关的问题。

欢迎任何建议:)

Answer 1

我已经通过使用 com.vaadin.sass.SassCompiler 而不是指南针解决了这个问题。