Господа и дамы, я смотрю доку webpack dev server https://webpack.js.org/configuration/dev-server/ и не могу понять как найти то что мне нужно

Когда я запускаю webpack dev server, то если открыть localhost:8080 и посмотреть исходники, то можно заметить, что js подключается как

<script type="text/javascript" src="main.js"></script>

и из-за этого если я попытаюсь зайти на какой-нибудь localhost:8080/path1/path2, то вполне ожидаемо получу ошибку, что по пути path1/main.js ничего не найдено

какой параметр отвечает за настройку такого момента, чтобы путь прописывался от корня сайта? всю доку пересмотрел и так и не нашёл ничего подходящего

пока удалось добиться только чтобы на каждую картинку создавалась в дисте копия [hash].jpg.webp, при этом приходится использовать require('file.jpg') + '.webp' - не так удобно как хотелось бы

если подскажите в какую сторону копать буду благодарен)

в индекс js импортишь индекс scss, а в него в свою очередь импортишь модули.

мне нужно extract-text-webpack-plugin  использовать?

в индекс js импортишь индекс scss, а в него в свою очередь импортишь модули.

как-то так должно выглядить?

Ну и ещё зависит от того, что там у тебя на фронте: Ангуляр, Реакт или Вью. За первый и последний не скажу, но в Реакте хорошим тоном лично я считаю когда для каждого компонента его стили лежат рядом с JS и файл стилей импортируется в этот js, а не в какой-то корневой файл

Ребят, подскажите, собираю opencvjs вебпаком, билд и дев, и и прод идёт долго, а до этого юзал парсел, он после билда для прода начал дев быстро собирать, видимо закешировал, как такое сделать в вебпак?