Vaadin /指南针：导入的主题scss的URL路径未正确编译

Question

我尝试使用指南针从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;

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

欢迎任何建议：）

Answer 1

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