问答

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

作者:admin 2021-09-17 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

我有一个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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • webpack打包父子项目时,图片路径改如

    webpack打包父子项目时,图片路径改如

  • vue或react的key干嘛用的

    vue或react的key干嘛用的

  • React, ts 函数调用基础问题

    React, ts 函数调用基础问题

  • react的setState为什么是异步

    react的setState为什么是异步

腾讯云代理商
海外云服务器