我正在为我的团队创建一个可共享UI组件的项目。此项目是使用Angular CLI
构建的,并且使用的是USWDS框架。
到目前为止,我已经成功地在私有npm存储库上创建了自定义npm package
,并通过我们的package.json
将其添加到我们的主项目中。特定的npm package
被认为是一个核心程序包(所有项目团队都需要),其中包括USWDS的peer dependencies
(以及USWDS的相关依赖项,例如bourbon
,{{1 }},项目的自定义bourbon-neat
(包括scss
USWDS样式的替代项和标头组件(基于标准USWDS标头)。
我遇到的问题与core
中的图像页面有关。我当前使用的路径是header.component.html
,当标头是主项目的一部分时,该路径可以使用。图像位于USWDS软件包的./assets/uswds/img/close.svg
目录中,这将使其成为我的自定义软件包的兄弟。此外,图像目录已添加到node_modules
中,因此当我们运行angular-cli.json
时,图像可用。
如何更新文件路径,使其正确显示?