@Rocknrolla99
Some text

Как настроить относительные пути в Webpack?

Всем привет . Подскажите пожалуйста , поднял проект через create react app и такая проблема :
Вставил тег video указал относительный путь в видеофайлу в атрибуте src, но он не срабатывает. после некоторого времени обнаружил что вебпак изменяет путь
То есть
путь import video from '../../img/video/mainstream.mp4'
он видит как Video /static/media/mainstream.bbae5fec.mp4

Как разрешить такую проблему ?

5d46ef49c414d837385087.png
  • Вопрос задан
  • 3766 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
после некоторого времени обнаружил что вебпак изменяет путь
То есть
путь import video from '../../img/video/mainstream.mp4'
он видит как Video /static/media/mainstream.bbae5fec.mp4

Все правильно. Путь меняет соответствующий loader. Если вы загляните в папку с проектом, то можете обнаружить там директорию build. В нее лоадер и копирует ваше видео. Папку build вам и надо хостить статическим сервером.

Deployment

Что касается определения пути к файлу в атрибуте тега, то с webpack это делается так:
<video src={require('../../img/video/mainstream.mp4')} />
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@andreysuha
Что то знаю
Пользуюсь алиасами весьма удобная штука. Как переменные для путей
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 05:01
999999 руб./за проект
19 апр. 2024, в 03:52
1000 руб./за проект
19 апр. 2024, в 03:01
1000 руб./за проект