如何在node_module程序包中引用图像？

Question

我有一个用npm发布的Angular组件。我发现它对图像具有CDN依赖性，因此想在模块本身中包含并分发该图像。我已经能够更改我的gulp文件以包含一个images文件夹，并且在测试应用中安装了该组件之后，我在 node_modules / myComponent / images 中看到了该图像。

问题是我发布的组件中的图像引用了 images / component_image.png ，但使用该组件的父应用程序当然找不到 images / component_image.png 。

我需要它来寻找 node_modules / myComponent / images / component_image.png 。我该如何做相对参考？

Answer 1

@Liam指出，这是在Angular cli配置中完成的，回答Here。我只需要将此添加到我资产下的angular.json中即可。

         {
            "glob": "**/*",
            "input": "node_modules/myComponent/assets/images",
            "output": "./assets/images"
          }