Angular 5 starter - 生成错误的图像（png / jpg / gif）文件（aot build）

Question

我正在开展角度5项目。在构建项目后，我遇到了一些问题，如下所述。

构建之前

menu.component.css

.col ul li a span {
     background-image:url("../../../assets/images_theme/product_image/sprite.png");
}

aot build

.col[_ngcontent-c4] ul[_ngcontent-c4] li[_ngcontent-c4] a[_ngcontent-c4] span[_ngcontent-c4] {
background-image: url(sprite.b1e865f878c33aa6c5cc.png);

Answer 1

文件捆绑在一起，意味着路由从index.html开始。试试这个：

background-image:url("assets/images_theme/product_image/sprite.png");