webpack 打包未引用的静态资源

场景：

1. react项目中有一部分静态文件是通过间接引用的方式使用 (请求后端返回url地址，然后动态加载)，在前端是没有任何引用的 ，但是这部分资源又是存放在前端的。
2. webpack打包是不会处理没有被使用的文件
3. 导致测试环境部署找不到这些静态资源，因为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中看起来如图

- 网上找了半天没有结果，自己测试出来的方法，如果有更好的方式，请分享一下
- 自己是后端开发的，对前端不太熟悉，所以就记录一下