клиентская часть и серверная часть это отдельные приложения общающиеся по ресту или там перемешано?

По рест подобному api.
На время отладки запускаются на разный портах, с прокси.
Примерно так (средствами webpack-dev-server):

devServer: {
       proxy: {
           '/api': {
               target: 'http://localhost:3000/server',
               pathRewrite: { '^/api': '' }
           }
       }
   }

После сборки веб-сервер должно подниматься серверным приложением с express

Запуск пока идете через npm-run-all
Т.е. аналогично тому как вы написали в начале, но кроссплатформенно

Однако хотелось это оформить более красиво

Здравствуйте, у кого нить получалось настроить source-maps для scss/sass? Т.е. source-maps то присутствуют в .css.map файле в браузере, но все на что они влияют это index.css стал main.scss (как в исходниках имя файла), но в этом main.scss весь код одним файлом и даже не scss, а прост css

часть конфига webpack https://clbin.com/Ajb9m
проверял в Firefox 76.0b5 и Chromium 80.0.3987.149

Привет, как для чанков vendors не генерить сорцмапы?

Я его уже находил и сейчас пробую, не пойму что ему нужно
Если делаю у самого вебпака devtool false он вообще не делает мапы, если в devtool пишу что-то,то всё равно игнорит SourceMapDevToolPlugin
Пишу так

     new webpack.SourceMapDevToolPlugin({
       exclude: ['vendors~main.development.js'],
     }),
Ну то есть то же имя, что получается на выходе

Народ, уже часа 3 карячусь не могу найти простую вещь.

мне нужно при сборке в html вставить:
<script type="text/javascript" src="https://t1cdn.ru/js/app.js"></script>

Накиньте пожалуйста инфы)

HtmlWebpackPlugin

Хм, я был близок значит) Читал доку, но почему то подобного не нашел

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

попробуй без всех плагинов) просто базу

окей, попробуем)

Всем привет, разбираюсь с webpack. Насколько я понял, его суть в том, чтобы построить дерево зависимостей и собрать их все в один файл. Потом я пишу где-нибудь в главном файле подключаю бандл и всё должно работать. Не понятно одно, некоторые loaderы (style-loader, например) встравивают код модуля сразу, это значит, что их можно не подключать? И еще не очень понятно, все все зависимости, ака стили, картинки там, файлы, -- все они соберутся в один жирный js файл в итоге?

ну в принципе, задача webpack'а - это пройтись по всем файлам, который ты принес в проект и сунуть их в один большой файл.
Но тут еще и есть возможность разделить этот большой файл на части (чанки) разными способами от использования динамического импорта import('file') до специальных плагинов

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

Спасибо за ответ :)
А вот изначально, если смотреть на js модули. Для чего их нужно паковать в один файл, если importы должны и так работать, разве нет?

ну, во-первых, когда вебпак создавался, в браузере и намека не было на поддержку импортов.
А во-вторых, импорты в браузере касаются исключительно js, в то время как webpack позволяет засовывать в себя куда больше форматов