webpack打包父子项目时，图片路径改如何处理？

Question

我有一个vue开发的子项目
项目中会有一些组件，引用了图片，形式如：require('../../../assets/image/card_thumbnail/current_fight.png')。
独立运行子项目，图片能正常显示。

我把子项目打包后发布到私服，然后在主项目中依赖这个子项目。在主项目使用子项目组件时，图片路径是错误的。请求的url为：http://localhost:8080/package/current_fight.png?e4bc6e8d4c663b7a9e0e743d97e2cff3

问题在于主项目下不存在/package/current_fight.png文件，他在/node_modules/子项目/package/current_fight.png

补充说明下：子项目使用webpack打包成一个js文件和一些图片文件。结果如下（package目录下）：

这种情况要怎么处理？ 是要想办法将子项目的图片拷贝到主项目吗？