使用 angular 通用版本在 css 文件中的背景图像中加载两次图像

Question

我在 scss 文件中将我网站主页中 div 的图像设置为背景图像：

    background-image: url('../../../assets/images/map.png');

这在使用 ng serve 时正常工作。

但是当我使用 npm run build:ssr 和运行 node server.js 构建时，图像加载了两次 - 第一次加载失败，第二次成功：

在 server.js 中更改为 background-image: url('map.png');

如何避免加载该图像两次？

Answer 1

在CSS中你不必写background-image而是你可以写CSS如下

.mycssclass{
    background: url('/assets/myimage.png');
    background-size: contain;
}

P.S。 - 它对我有用，它不会加载图像两次

Image loaded twice in background-image in css file with angular universal build