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

暴走排骨
  • 9

我有一个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目录下):
image.png

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

回复
阅读 587
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏