Vitaliy

4. Установил webpack глобально

лучше устанавливать локально в проекте

- Перед тем, как это пушить, что-то нужно в гитигнор добавлять руками?

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

- Что обычно делают после этого? Это и есть тот этап на котором фронтэндер сдает проект заказчику?

делается деплой на сервер. Вариантов масса, но основная задача - закинуть файлы из dist на сервер в определенную директорию (/usr/nginx/html например для nginx), из которой сервится статика

Все бандлы вставил в head, для отложенного выполнения всех скриптов, кроме одного (splash.js), назначил defer через script-ext-html-webpack-plugin

https://medium.com/js-dojo/build-a-lazy-load-route...

Похоже на баг в последней версии, пока решают
https://forum.vuejs.org/t/can-no-longer-create-any...

1) Он ищет конфиг в той директории, откуда его запускают
2) Флаг только указывает куда записать зависимость в package.json (-D то есть --save-dev), и если установка прошла успешно, он должен быть доступен из командной строки

npm - когда для сборки достаточно нескольких команд (через cli прописывается в "scripts":{})
webpack - для сборки средних и больших приложений (HMR, live reload и т.д. очень удобны)
gulp - более универсален, так как это не просто сборщик, а таск раннер, но в то же время написанные таски могут быть не такими удобными в чтении и сопровождении, как конфиги в webpack'е
есть еще rollup - почти то же, что и webpack, только поскромнее и используется обычно для сборки библиотек, где кроме js особо ничего нету

И что касается конкретно вашего вопроса, то наверное webpack подойдет