javascript - 将组件 Assets 放在自己的目录中

Question

我正在使用 Angular 6。

我知道如何通过以下方式访问图像:

http://localhost.com:4200/assets/image.png

通过将该图像放在路径上:

/src/assets/image1.png

但现在我正在做一个在路径上的组件:

/src/app/components/mycomp

然后我想使用另一个 image2.png，它只会被这个组件使用。然后我不想像第一种情况那样将此图像放在全局目录中。相反，我想将该图像放在这个位置:

/src/app/components/mycomp/assets/image2.png

目标是使该组件易于移植。

此外，在文件上:mycomp.component.css 我将引用该文件。

无论如何都要这样做吗？

在这个项目中，我将有许多单独的组件，每个组件都有多个不同的 Assets ，我不想混合所有这些 Assets 。我希望每个组件都有自己的空间/目录。

无论如何要实现这个？

Answer 1

您可以通过使用 base64 转换器(例如 https://www.base64-image.de/)对图像进行编码来解决您的任务。如果您的图像可以转换为 SVG - 您还可以将它们嵌入到您的模板中。希望这对您有所帮助。