时间戳

首页 > 解决方案 > Angular CLI 6：背景图像问题

angular - Angular CLI 6：背景图像问题

问题描述

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：问题仅适用于开发模式

标签： angularwebpackbackground-imageangular-cliangular-cli-v6

解决方案

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

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

推荐阅读