如何将图片插入sass文件中？

Question

我正在尝试插入图片，但我无法:( 抱歉，但我总是遇到相同的问题：我的TWIG代码：

<div class="col-6">
  <div class="phone">
  </div>

和我的SASS代码：

.phone {
  background: url('phone.png') no-repeat;
  background-size: contain; /*This scales the image accoding to the div*/
  background-position: center; /*positions the image in the center*/
  width: auto;
  height: 50px;
}

我的文件也总是一样：

• 主菜单
  • phone.png
  • menu.scss

我总是遇到404错误...

Answer 1

在url()中定义的路径必须相对于编译后的.css文件而不是.scss文件。