angular - 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

解决方案是添加带有“ media ”值的“ outputHashing ”属性。

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

Answer 2

这对我有用，您只能使用 background: url() 而不是 background-image: url()background: url('/assets/images/gc1.jpg')