找不到本地圖像作出反應-的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/',

和它的工作！

所以我想這是你應該做的子文件夾項目