У меня проект - библиотека/плагин, часть другого сайта.
Это круто разрабатывать её на тестовом public/index.html, но пришло время приклеивать её к основному сайту.
Я её сбилдил, положил в ассеты сайта, он её цепляет, всё работает.
Но вот проблема - мне бы очень хотелось отлаживать её прямо на сайте, а не на тестовом public/index.html, потому что на сборку уходит очень много времени и я просто замучаюсь после каждой правочки билдить её, пихать в сайт и проверять, работает или нет. Если не работает, билдить заново и так до бесконечности.
Было бы круто иметь возможности WDS прямо на сайте. Вместо тестовой страницы чтобы шла разработка на странице сайта.
Я вижу решение - вместо сбилденных ассетов просто подключать напрямую стили и скрипты с localhost:8080.
Всё работает, кроме того, что вебпак вставляет стили напрямую в <style> теги, а в них внутри ссылки на картинки/шрифты стоят релативные, а не с 8080, в итоге они не подтягиваются. Вот.

спс щас гляну

кажется, это не то, не работает.
contentBase это указать папку в ФС, а contentBasePublicPath - это по какой ссылке эту папку обслуживать.

Кажется, мне просто надо найти способ, чтобы в девелоперских <style> вебпак везде вставлял ссылки на 8080

Разобрался, всем спасибо.

Прописал в vue.config.js

publicPath: process.env.NODE_ENV === 'production' ? './' : 'http://localhost:8080/',

Это свойство как-то назначилось в Вебпак и он стал генерировать <style> с правильными ссылками.
Затем я просто отключил CORS в devServer.headers и всё заработало :)

ребята, webpack не грузит css файлы из node_modules, как можно решить проблему?) юзаю razzle для сборки реакт проекта

или хотя бы в какую сторону копать

publicPath: process.env.NODE_ENV === 'production' ? './' : 'http://localhost:8080/',

👍

возможно exclude

"Было бы круто иметь возможности WDS прямо на сайте. "
как то у вас там все через одноместо )

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

поднимаете ваш сайт на у себя на локалхосте и разрабатываете, сборка отрабаывает инкрементально (подбилживает только то что изменилось)

Поднял свой сайт у себя на локалхосте. Большой огромный проектище на Yii1.
Мне для него потребовалось написать маленький кусочек на Vue.
Как мне весь этот Yii1 вебпаку скормить по-другому?

ваш огромный проект на php тащит скрипты и стили из какой-то папки, так?

Поэтому в php прописал ссылку на localhost:8080/js/app.js

есть ещё варианты какие-то?

ну да

ну вот указывается в вебпаке аутпут дир в эту папку пхп

вебпак билдит все сразу туда

Указал, да.
Он билдится туда.
Но билд билдом, а хотелось бы дев-сервер иметь.

что он будет делать?

HMR всякие делать 🤔