0
Я работаю над образцом приложения React. Я поместил свои компоненты в отдельные папки - одну папку для каждого основного компонента.Реакция компонента с изображением
app/
components/
shared/
appcard/
images/
appcard.js
reviews.js
index.js
index.html
dist
Я думал хранить изображения, используемые в компоненте в подпапке images (Appcard/images). Идея заключалась бы в том, чтобы в этой папке содержался автономный компонент со всеми стилями, изображениями и всем остальным, что ему нужно. Таким образом, если бы я скопировал его в другое приложение (с другой структурой), мне не пришлось бы ничего менять в коде компонента (или копировать изображения из других папок и т. Д.)
Я использую Webpack для строить.
Любые идеи о том, как достичь этого? Или это плохая идея (лучше сделать другим способом и т. Д.)?
Это поможет, если вы включите дополнительную информацию о структуре папок и вашей системе сборки (вы указываете «./Appcard/images», а затем используйте «./Img» в изображении src, что означает, что сборка перемещает файлы вокруг). Как вы, вероятно, знаете, относительный путь для ресурсов относится к корневой папке, из которой размещено ваше приложение, а не от отдельных файлов JS. –
Спасибо, я добавлю, что редактирование будет более ясным –
Этот вопрос зависит от того, как вы создаете свои изображения в своем проекте. Я вижу, вы используете реакцию. Используется ли использование webpack для сборки? http://webpack.github.io/ – cwbutler