Angular CLI 6: проблема с фоновым изображением

Question

Angular CLI 6.0.3 разрешает код sass background-image: url(assert/folder1/x.png); как background-image: url(x.png); в css.

У меня много таких мест

...
background-image: url(assert/folder1/x.png);
...
background-image: url(assert/folder2/x.png);
...
background-image: url(assert/folder3/x.png);
...

Но все эти определения становятсякак

...
background-image: url(x.png);
...
background-image: url(x.png);
...
background-image: url(x.png);
...

Это означает, что все классы имеют одинаковое изображение ...

Как заставить Angular CLI оставить путь к изображению?

UPD: проблема влияет только на режим разработки

Answer 1

Это работает для меня, вы можете использовать только background: url () вместо background-image: url () background: url('/assets/images/gc1.jpg')

Answer 2

Решением было добавить свойство " outputHashing " со значением " media ".

/* angular.json */
{
  ...
  "projects": {
     ...
     "your-project": {
        ...
        "architect": {
           ...
           "build": {
             ...
             "options": {
                ...
                "outputHashing": "media",
                ...
             }
           }
        }
     }
  }
}