Не можете найти местное изображение с помощью React-WebPack-Redux-XAMPP

Question

сервер Dev

В моей HeaderComponent (находится в src/components/navigation/) это то, что он выглядит, когда я включить изображение из папки изображений:

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

затем использовать его

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

он работает отлично в Dev сервере.

Производство

Теперь, когда я собирал мой проект производства, который, кстати мой проект subfoldered (Исх. project/projectname/myproject). Так что я изменил мой index.html в /расстояние папки из

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

к этому

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

При запуске скомпилированного проекта он работает плавно, однако он не может найти образ.

Answer 1

Спасибо. Я смог решить эту проблему путем изменения конфигурации WebPack в Yeoman от

CFG/defaults.js

publicPath: '/assets/',

в

publicPath: './assets/',

и это сработало!

Итак, я думаю, что это то, что вы должны делать для проектов подпапок