Angular CLI 6：背景图像问题

Question

Angular CLI 6.0.3 将 sass 代码 background-image: url(assert/folder1/x.png); 解析为 css.

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

我有很多这样的地方

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

解决方案是添加“outputHashing”属性和“media”值。

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

Answer 2

这对我有用，您只能使用背景：url() 而不是背景图像：url() background: url('/assets/images/gc1.jpg')

Angular CLI 6：背景图像问题

Angular CLI 6: background-image issue

angular

webpack

background-image

angular-cli

angular-cli-v6