最近遇到了一个很二的问题,在react项目中使用图片,在本地server上运行没有问题,先看一下具体的代码。
在项目下的src中建立了一个静态资源文件assets,里面存储着图片和css文件
有了这些图片,需要在js中引入使用
引入png图片
import source from '../assets/images/source.png'
使用img
<img src={source}></img>
在本地起的服务是可以正常访问的。但是使用npm run build后发现有的图片能显示,有的图片显示不了。
查看了一下webpack官方关于图片的配置(https://www.webpackjs.com/loaders/url-loader/)
使用url-loader时会有个limit配置,但是这个配置你修改的时候会不生效,我尝试过无论