场景:
- react项目中有一部分静态文件是通过间接引用的方式使用 (请求后端返回url地址,然后动态加载),在前端是没有任何引用的 ,但是这部分资源又是存放在前端的。
- webpack打包是不会处理没有被使用的文件
- 导致测试环境部署找不到这些静态资源,因为webpack没有打包进去,这部分文件丢失了。
解决方法
- 在模块中用
import
引入这部分资源,只是引入而不使用,这样就会被webpack打包
import index_mag from 'images/index_mag_logo.png';
import mag from 'images/management_logo.png';
import logo from 'images/logo.png';
在react中看起来如图
- 网上找了半天没有结果,自己测试出来的方法,如果有更好的方式,请分享一下
- 自己是后端开发的,对前端不太熟悉,所以就记录一下