Вопрос по реакту. Почему если я создаю функциональный компонент и

Question

Вопрос по реакту. Почему если я создаю функциональный компонент и

там прописываю дивку. В дивке <img> тег.

Но напрямую атрибутом src=‘./logo.png’ я не могу картинку вставить. И мне нужно сначала заимпортить ее как отдельный компонент типа import logo from ‘./logo.png’

И уже потом в атрибут src вставлять ее, да ещё и в фигурных скобках?!

#programming #russian #vue.js

0

11.08.2022

7 ответов

7 просмотров

darkc0der

darkc0der
Потому что у тебя картинка/ассет в твоём сорс коде...

Возможно есть какой то авторезолвер, но я не копал в эту сторону, явно импортить лучше ;)

0

11.08.2022

grisha 🌶 redrum Автор вопроса

darkc0der
Потому что у тебя картинка/ассет в твоём сорс коде...

Вот. Это я пока не могу принять, так как когда мы импортим мы же блять указываем относительный путь реальный. И он не меняется динамически при сборке

0

11.08.2022

Kirill 🍅 Romanov

grisha 🌶 redrum
Вот. Это я пока не могу принять, так как когда мы ...

посмотри как в сборке называется твой файл изображения

0

11.08.2022

darkc0der

grisha 🌶 redrum
Вот. Это я пока не могу принять, так как когда мы ...

Почему не меняется? Попробуй сделать консоль лог для переменной которая импортит картинку

0

11.08.2022

Oleksandr Sidarok

darkc0der
Возможно есть какой то авторезолвер, но я не копал...

В vite можно сделать new URL('относительный путь', import.meta.url), тогда он сам будет правильный путь подставлять

0

11.08.2022

darkc0der

Oleksandr Sidarok
В vite можно сделать new URL('относительный путь',...

Ну я имел ввиду авто-резолв просто по строке для атрибутов src, этот вариант с URL выглядит ещё более громоздко и человеку точно меньше понравится чем тот же самый импорт:))

0

11.08.2022

darkc0der · Accepted Answer

Потому что у тебя картинка/ассет в твоём сорс коде может лежать где угодно, и во время билда бандла вебпак обрабатывает и перекладывает его в забилженную дист папку и в коде в эту переменную которую ты импортишь резолвит путь уже к этому самому файлу который он перекидывает в дист + вебпак создаёт хеш для имён который будет разный при билде если твои картинки поменялись. И в целом всю обработку картинок можно настраивать через конфиг и там у тебя хулиард опций может быть, и соответсвенно ты не можешь просто взять и указать относительный путь в аттрибуте src.

169 похожих чатов

Вопрос по реакту. Почему если я создаю функциональный компонент и

7 ответов

Похожие вопросы