找不到本地图像作出反应-的WebPack - 终极版 - XAMPP

Question

开发服务器

在我HeaderComponent（位于src/components/navigation/）这是什么样子时，我包括从图像文件夹中的图片：

let yeomanImage = require('../../images/logo.png'); 

然后用它

<img className='img-header' src={yeomanImage}/> 

它运行在开发服务器的罚款。

生产

现在，当我编译我的项目，它的方式我的项目subfoldered（前。project/projectname/myproject）生产。 所以我改变了我的的index.html在/DIST文件夹从

<script type="text/javascript" src="/assets/app.js"></script> 

这个

<script type="text/javascript" src="./assets/app.js"></script> 

当我运行它运行顺利编译后的项目，但它无法找到图片。

Answer 1

谢谢。我管理由自耕农改变的WebPack配置从

CFG来解决问题/ defaults.js

publicPath: '/assets/',

到

publicPath: './assets/',

和它的工作！

所以我想这是你应该做的子文件夹项目