Для каких проектов нужен Webpack?

Question

[qbk17]

Уже несколько месяцев работаю в новой студии по разработке сайтов.

Недавно появилась необходимость в сжатии файлов на сервере, а так же объединение. Разработка идёт сразу на сервере. Разрабатываем как LP, так и многостранички и интернет-магазины. Нужно ли использовать webpack для этих целей в данных проектах?

Если да, то посоветуйте плагины для минимизации css, js, html файлов, уменьшения размеров изображений и для корректной работы препроцессоров для сыы

Comments

[qbk17]

Артём Петренков, почитали статьи, где говорят, что используя webpack нет необходимости юзать gulp

[zorca]

qbk17, уровень вхождения в Webpack повыше будет, начните с простого, то есть с Gulp.

[Сергей delphinpro]

qbk17, webpack сам по себе крайне неудобно использовать для чего-то кроме SPA (ну или я не умею). Но в паре с gulp получается отличная связка.
Но если вас интересует только минификация/сборка/оптимизации - gulp ваш выбор. Плагинов полно, на любой вкус и цвет. Настройка тасков - дело пяти минут (впоследствии, когда разберетесь, но разобраться тоже несложно).

[vasIvas]

webpack нужен для больших, средних, огромных, гигантских, монстрических, а так же микроскопических сайтов.

[juwobapu]

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

[Виолетта Морозова]

juwobapu, жестко... на тостере и больше чем на половину людей нарываться не захочется, узнав какие они тут вопросы задают, пишут ответы и комментарии. Что такого сказал qbk17, что вас так напугало? чиссссто из интереса

Answer 1

[kulaeff]

Webpack идеально подходит для SPA-приложений. Разумеется, его можно использовать и для классических приложений, хотя это уже будет не так изящно. Разумеется, все вышеперечисленное может и gulp, однако gulp - это все же таск-раннер, т. е. инструмент более общего назначения, а вебпак - это сборщик, т. е. инструмент, заточенный именно под сборку приложений. И да, использование webpack, как правило, освобождает от использование gulp. По поводу плагинов - почитайте доку https://webpack.github.io/, там найдете и про плагины и про все остальное.

Comments

[vasIvas]

почему не так изящно? в чем заключаются проблемы?

[kulaeff]

vasIvas, я не говорил, что есть проблемы. Я имел ввиду, что в случае с классическим приложением, когда каждая страница рендерится на сервере и имеет свои скрипты, возможно, удобнее будет использовать gulp. Зависит, пожалуй, от размера проекта.

[vasIvas]

kulaeff, на мой взгляд он одинаково подходит под любое приложение. то есть он не заточен под что-то конкретное, а это означает что либо он плох для всех проектов, либо хорош для всех проектов.

[kulaeff]

vasIvas, дык я не спорю. Вебпак заточен под сборку приложения. Пофиг SPA это или классика. Меня вебпак более чем устраивает. Оседлав вебпак, на галп/грант больше не возвращался. Просто я в последнее время только SPA делаю, классическое давно не делал.

[qbk17]

kulaeff, есть же возможности в нём, про которые я спрашивал в посте?

[kulaeff]

qbk17, минимизация, обработка изображений, пре/постпроцессоры? Разумеется.

Answer 2

[Константин Величко]

Для всех в которых есть JavaScript. Я использую gulp в связке с webpack.
Это мой шаблон для старта проектов https://github.com/zoxon/gulp-front
Для оптимизации графики я использую gulp-imagemin, для кода есть uglifyjs