我最近碰到了一个头疼的路径解析问题，想请大家帮忙看看：

我们团队维护了一个设计系统库my-design-system，里面的「UserProfile」组件用到了第三方库intl-tel-input。在设计系统自己的开发环境里预览时，这个组件的样式完全正常，但当我把设计系统集成到业务应用my-app里之后，这个组件的视觉样式直接崩了，查下来是资源文件路径不对导致加载失败。

在my-design-system中的正常显示效果 #

在my-app中的异常显示效果 #

我打开my-app的网络调试工具一看，发现大量资源返回404，路径明显不对。但我去my-design-system/dist目录里找，这些资源文件明明都存在——关键是我没法提前预知这些文件在构建后的具体文件名，这就让问题更棘手了。

网络调试工具中的404截图 #

补充下技术背景：我们用Webpack来构建my-design-system和my-app，两者的Webpack配置我都整理好了。

我感觉这个问题和Stack Overflow上某个未解决的问题类似，现在想请教各位，我该怎么解决这个路径解析的问题？

备注：内容来源于stack exchange，提问作者Cryptic