и картинок нет

Наверное глупый вопрос, однако когда и где стоить применять webpack.
К примеру я занимаюсь по большей части версткой. Использую TARS (gulp + webpack и много других плюшек).
Когда верстка это просто верстка, а не app или spa. Стоит ли использовать ?
Проблемы которые я встречаю переодически при передачи верстки.
1. Вызов функий вне bandle ( к примеру программист бекенда хочет вызвать функцию открытия/закрытия модалки)
2. Переинциализация скрипта галереи ( swiper + lightbox + кастомный код ).
3. Использование CDN. Суть в том что подключаются к примеру 5-10 библиотек, стили библиотек кастомяться из исходников ( из npm_modules тяну миксины, переменны и т.д.), как быть в таком случае когда твой js в бандл должен взаимодействовать с библиотеками из CDN. В идеале конечнчо хотелось бы просто устанавливать модули рекварить их, в бандл не сувать эти библиотеки, а раскидывать их например на файлы jquery.js, swiper.js и т.д. В верстке подключать через CDN и fallcback на локальный эти файлы.

Вот после таких моментов задумываешься зачем эта сложность с require? Стоит ли его тут использовать или просто через gulp делать таски склеивание и тогда все функции, переменные и т.д. Будут доступны из вне ? Или я чтото упускаю ?

вебпак необходимо использовать когда ты пишешь приложение с кучей файлов с es6 или commonjs модулями
когда тебе нужно из директории с файлами сделать корректно работающий один

цельное приложение

в гитигноре были. Запушил static

вообще тебе нужен лоадер, чтобы их руками не копировать

и с помощью лоадера ты сможешь `import image from 'imageName.jpg'
и затем <img src={image} />

Тогда логичнее отказаться от идеи использование webpack в моем случае, я правильно понимаю ?

можешь потом и хеши проставлять и сжимать на лету

в случае использования бандлера, нет смысла тянуть библиотеки из CDN
всё ставится лдокально из npm в node_modules и подключается через require/import

Вообще, они лежат прямо в той папке всегда. Это же одно приложение. В dist они лежат. Руками не нужно копировать. В этом идея. Руками нужно копировать, когда у меня есть картинки, которые не будут использоваться в текущем проекте в той же папке, а у меня нет такого случая

dist это временная папка
её можно удалить и запустить build снова и всё будет ок

положи картинки в static
dist руками не трогай
установи loader нужный для картинок
и подключай их через require/import

я видел, что так можно, но это лишнее

а по-другом, никак?

это как раз таки самый правильный способ

просто, потом получится, что нужно еще будет заботиться о том, чтоб они правильно скопировались.

это лоадер сделает
Да и настроить один раз, потом всё будет ок

если бы все вот так само происходило, я бы не возился с webpack-ом уже больше 2х месяцев. Слишком много инструмент, который "настроил и забыл" на себя времени забирает.

Может, конечно, просто с моим мозгом что-то не так, и у остальных все проще...

да, спасибо. С лоадером получилось. Только это сложнее, чем можно было сделать.