Дмитрий Ломыкин

с помощью лоадера . но надо импортить html в js иначе не заработает

{
            test: /\.html$/,
            use: [
                // Reference: https://github.com/webpack/raw-loader
                // Allow loading html through js
                {loader: 'raw-loader'}
            ]
        }

и для index.html свой плагин HtmlWebpackPlugin. но лучше по старому галп или browsersync . когда приложение огромное то не надо каждый раз пересобирать скрипты если ты добавил небольшой элемент в верстку. то есть live reload работает на порядок быстрее

Webpack - это система сборки с массой возможностей. В частности, он анализирует JS-код (а также CSS или другой, через лоадеры), это даёт ему superpowers.

Gulp/grunt - это общая система для организации задач, которая сама по себе сборку не поддерживает, но её можно на ней написать, с помощью плагинов. При этом анализа кода, скорее всего, не будет, а значит ряд продвинутых фич отпадут.

То есть, это две разные вещи. В качестве одной из задач на gulp/grunt вполне может быть сборка webpack, так обычно и делают.

Простую сборку вполне можно написать и на gulp/grunt напрямую. А если посложнее или просто хочется иметь задел "на будущее", то можно воспользоваться специальным инструментом (Webpack).

P.S. У меня когда-то были и gulp task'и сборщики и browserify, но уже давно их место плотненько занял Webpack.

Так говорят скорее всего потому, что не понимают что на самом деле jQuery дает. Можно написать все на чистом js, но jq вразы ускоряет разработку. Соответственно люди которые кричат против jq и получают деньги за часы работы заинтересованы в том, чтобы делать по дольше задачу и получить больше денег.
Такой себе способ раздобыть немножно монет и понимания работы чистого js. ))
Я пытался реализовать на js обычную кнопку "наверх", и плавный переход по лендинку вверх и в низ. Чесн скажу, я задолбался. Я знаю что на jq я решу это быстро и спокойно, на на нейтиве - это изобретения велосипеда с 0