@Rocknrolla99
Some text

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

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

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

5d46ef49c414d837385087.png
  • Вопрос задан
  • 3745 просмотров
Решения вопроса 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
Что то знаю
Пользуюсь алиасами весьма удобная штука. Как переменные для путей
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы