使用React-webpack-redux-xampp找不到本地图像

Question

开发服务器

在我的HeaderComponent（位于src/components/navigation/）中，当我从images文件夹中包含图片时，这就是它的样子：

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

然后使用它

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

它在开发服务器上运行良好。

生产

现在，当我将项目编译为生产时，我的项目被子文件夹（例如project/projectname/myproject）。 所以我从

更改了 / dist 文件夹中的 index.html

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

到这个

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

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

Answer 1

感谢。我已经设法通过从

更改yeoman中的webpack配置来解决问题

CFG / defaults.js

publicPath: '/assets/',

到

publicPath: './assets/',

它有效！

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