SASS/SCSS使用相对路径SASS cli编译css文件

我在编译具有相对路径的SCS时遇到问题。

以下是我的文件结构:

src/
├── css/
│   ├── bootstrap.scss
│   ├── main.scss
├── fonts/
│   ├── fonts.css
│   ├── font1.woff2
├── index.html
├── main.css    /* Compiled css */

main.scss:

@import './bootstrap-init';
@import '../fonts/fonts';

fonts.css:

@font-face {
  font-family: 'font1';
  src: url('./font1.woff2') format('woff2');
}

如果你看我的 fonts.css , src: url() ,url指向正确的文件,该文件为 src/fonts/font1.woff2 src/main.css , src:url() 现在指向 src/font1.woff2 它不存在。

LESS importing CSS and relative paths

我正在使用sass CLI,这是我目前所拥有的:

sass --watch css/main.scss main.css

我将如何着手解决此问题?我可以将路径替换为根文件夹中的“始终点”,但这似乎不是一个好方法。。。