Как настроить webpack под верстку?

Question

[Fatoblack]

С настройкой вебпака для проекта, в котором писать потребуется только на js (например react.js), все понятно. Но как сделать так чтобы я мог прямо в index.html внутри папки build (которую обслуживает webpack-dev-server) делать изменения, так чтобы webpack-dev-server реагировал на них?
Я понимаю что я скорее всего занимаюсь каким-то извращением и на галпе настроить browsersync намного легче, однако все же хотелось узнать как работать в вебпаке непосредственно с html.
htmlWebpackPlugin просто дает возможность указать какие-то отдельные части html файла, но не позволяет полноценно верстать.

Comments

[Сергей delphinpro]

вебпак не для верстки.

понимаю что я скорее всего занимаюсь каким-то извращением

В точку!

[Fatoblack]

Сергей: Разве вебпак не используется в сборке фронт-енда для мульти-пейдж сайтов? Вопрос напросился после прочтения официальной документации HtmlWebpackPlugin (Шаблонизация) .

Answer 1

[ozknemoy]

с помощью лоадера . но надо импортить 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 работает на порядок быстрее

Comments

[Fatoblack]

Спасибо за комментарий, я учту.

[Владимир Соломыкин]

С какого тогда повсеместно нахваливают webpack и высказываются о галпе, как о старикане, который "раньше много чего хорошего сделал, но вот тот молодой - лучше, так что иди, дед, отседова!"?

[ozknemoy]

Владимир Соломыкин, куда дует ветер туда и толпа. в галпе все как то просто и интуитивно. вебпак без тщательного гугления не заработает