从 6 升级到 Angular 7 后，IIS Angular 7 页面未加载图像答案

【问题标题】：IIS Angular 7 page not loading images after upgrade to Angular 7 from 6从 6 升级到 Angular 7 后，IIS Angular 7 页面未加载图像
【发布时间】：2018-11-19 11:16:49
【问题描述】：

在将 Angular 从 6 个图像升级到 7 个图像后，使用规则 background-image: url('../../../../../assets/icons/T04_24_edit.svg') 在 css 中引用的图像现在在为 prod 构建时被直接转储到 dist 文件夹中。

这是 dist 文件夹：

然后我的浏览器不知道如何加载这些 svg，因为 IIS 在 wwwrooot 而不是 dist 中查找它们：

这看起来像是来自新 Angular 7 版本的某种优化。

有什么方法可以禁用它并恢复到使用为图像指定的路径而不是在后台进行阴暗优化的 Angular 6 方式？

【问题讨论】：

标签： asp.net-mvc angular iis webpack upgrade

【解决方案1】：

要将静态资源放置在生产构建后创建的 dist 文件夹中 - 您需要在 angular.json 文件中添加适当的路径到 projects.your-project-name.architect.build.options.assets。

【讨论】：

【解决方案2】：

显然是什么让它起作用是将scss文件中的url从background-image: url('../../../../../assets/icons/T04_24_edit.svg')更改为background-image: url('/assets/icons/T04_24_edit.svg')

【讨论】：