Я храню объекты изображения публично или src в responseJS?

Я использую реакцию для своего приложения. У меня есть div который хотел бы иметь фоновое изображение. Но я не могу заставить его показать.

Когда я включаю его в папку src как myapp/src/bgimage.png он работает отлично, но я слышал, что я должен включить его в папку с именами images на корневом уровне, так что myapp/images/bgimage.png, однако это не работает для меня и дает мне:

Вы попытались импортировать файл.. /images/bgimage.png, который выходит за пределы каталога src/project. '

Может ли кто-нибудь сказать мне правильный способ включения имиджевых активов в responseJS?

Ответ 1

public: все, что не используется вашим приложением при компиляции

src: все, что используется, когда приложение скомпилировано

Например, если вы используете изображение внутри компонента, оно должно быть в папке src, но если у вас есть изображение вне приложения (например, favicon), оно должно быть общедоступным.

Ответ 2

Я бы добавил, что создание папки "assets" внутри папки "src" - это хорошая практика.

Ответ 3

Нет,

общая папка для статических файлов, таких как index.html и...

я думаю, вы должны сделать папку "assets" в папке src и получить к ним доступ таким образом.

удачи, детка.