Laravel SCSS文件无法处理@ font-face的相对路径

Question

我正在为Laravel网站制作一个“.scss”文件。我正在尝试在CSS @font-face标记中使用本地存储的“.otf”字体文件。

问题是Laravel / web pack似乎无法处理CSS src:属性的相对路径。但是，我需要它，因为目录结构将从当前开发环境更改为部署时，因此我避免硬编码完整路径。

SCSS代码：

@font-face {
    font-family: LucyScript;
    src: url('../fonts/LucyScript.otf');
}

错误消息（npm run watch）：

更新

我设法通过在“app.blade.php”文件中添加以下内容来实现“解决方法”：

<style type="text/css">
    @font-face {
        font-family: LucyScript;
        src: url('./fonts/LucyScript.otf');
    }
</style>

然而，这并不理想，因为它现在混合了CSS和HTML，如果有人知道如何解决这个问题只是在“.scss”中请赐教。

谢谢！