使用 angular cli 命令编译图像

Question

我有一个简单的 angular 项目，其中我有一个从图像文件夹加载的图像，如 plunkr

中所示

当我使用命令 ng build 编译我的项目时，真正的问题出现了，在 运行 命令之后，我将所有文件编译到 dist 文件夹中

-inline.bundle.js

-main.bundle.js

-polyfills.bundle.js

-styles.bundle.js

-vendor.bundle.js

以及我在 app.component.css 中将其引用为 url(../imgaes/pokemon.png) 的图像与哈希名一起编译，并从中重新释放根文件夹不是我在 css 文件中引用的文件夹。

我怎样才能克服这个障碍，我想要的是，即使在我们编译之后路径也应该相同。我该怎么做

Answer 1

在 css

中使用绝对路径代替图像源的相对路径