Нужен ли Gulp для верстки?

Question

[Sergen23]

Новичок. Собираюсь сверстать сайт с применением sass, компилировать в koala. Применять js не планировал.
Объясните мне пожалуйста, gulp нужен уже только на этапе работы с js ?
и еще вопрос вдогонку, в последний раз когда применял gulp, у меня выдавало ошибку в консоли, по сколько я только учусь, а с js я не знаком, не знаю что делать, по этому и нет желания gulp пользоваться))

gulp.task('watch', function() {
    gulp.watch('app/sass/**/*.sass', [ 'sass' ]);
});

Comments

[Сергей Карвасарный]

довольно крутая штука, 1 раз настроил gulpfile.js и забыл про обжим картинок, обжим файлов и куча всего, я например хроню scss в одном месте, что пишу сам, все плагины храню в другой папке и они по папкам, все это потом собираю как мне удобно в 1 файл свои стили 2 файл все библиотеки, все это минифицируется, Js переводится в помощью бабель, обжимается terser, чтобы потом понять с какого файла стили делается map, //= template/head.html чтобы если что-то изменилось не менять в 1000 файлов html, а зашел в 1 файл и поменял)) и т.п и т.д кучу всего можно настроить сразу и чтобы это сделать нужно будет всего написать - gulp в командной строке))) а не лазить по сервисам и делать все руками) Если ты только учишься верстать пока учить верстать)) как говориться коси траву пока косой, а как освоишь верстку более менее, настроишь все уже потом и поймешь, что косить удобней сидя в тракторе с кондиционером, а не махая руками сутки)) на контрасте поймешь что Gulp или похожие вещи это удобно.

[Bohdan Petrov]

Сергей Карвасарный, поддерживаю. Хотя я gulp настроил на третий день изучения верстки ибо было впадло f5 нажимать)..
Gulp для маленьких в помощь.

Answer 1

[profesor08]

Хочешь легко, просто и быстро, то https://parceljs.org/
Хочешь все сделать по своему и на свой вкус, то https://webpack.js.org/, но надо значить его экосистему плагинов.
Gulp некуда впихнуть.
Есть готовые стартовые сборки вэбпака или галпа (если вдруг), вот они могут помочь разобраться в экоститеме и построении конфига, но пользоваться ими - боль, ведь ты не их создатель, который готовил под себя, а может быть нет.

Comments

[Brusni4kin]

Gulp хорошо, но все-таки лучше webpack. Описывать порядок обработки нужно в обоих сборщиках. Webpack более гибкий и решает большее количество задач. Без знания JS будет грустно. Прикручивать webpack к gulp плохая идея. Учи JS если планируешь и дальше заниматься версткой и фронтом. Откроешь для себя новый мир. На просторах git есть много конфигов для webpack заточенных для верстки.

[profesor08]

Brusni4kin, ты ответом промазал

[Сергей Коноваленко]

Brusni4kin, скажите, пожалуйста, а можно найти на просторах git конфиги для webpack заточенные именно для верстки?

[profesor08]

Сергей Коноваленко, https://www.google.ru/search?q=webpack%20configuration

Answer 2

[raiboon]

Не особо, он уже устарел и многих фич нет.
Webpack - переусложненный монстр.

Лучше parcel или roll-up (если нужно больше гибкости).

Answer 3

[Владимир]

Послушайте, лишним не будет. У него еще есть скринкаст по вебпак, тоже можно пройти, лишним не будет.
https://www.youtube.com/watch?v=uPk6lQoTThE&list=P...

Answer 4

[4mobile]

Лишним не будет, погуглите его преимущества. Один лайв-релоад чего стоит.
Но если только изучаете верстку, он совсем не обязателен.
Если много верстаете на заказ, галп позволяет сильно ускориться, а значит заработать больше за то же время.
Есть готовые конфигурации, особо в js можно не вникать.

Answer 5

[posters]

Лишним не будет, погуглите его преимущества. Один лайв-релоад чего стоит.

Написал тут кто-то...
По мне так галп сильно переоценен (хотя я сам им пользуюсь). Слишком много восторгов на пустом месте. Практически весь функционал плагинов к галпу можно повторить просто установив плагины в IDE или к современному редактору.

Comments

[4mobile]

Например кейс: в галпе настроили компиляцию SCSS, PUG, autoprefixer, спрайты, минимизацию кода, картинок при билде.
Сдали проект, через время другому разработчику нужно что-то доработать.
В этом случае он копирует файлы исходников, npm install, запускает галп и дорабатывает сайт.

Как быть с вашей идеей плагинов к IDE?

[posters]

4mobile, да это не идея. Все то, что вы перечислили уже реализовано.

Сдали проект, через время другому разработчику нужно что-то доработать.
В этом случае он копирует файлы исходников, npm install, запускает галп и дорабатывает сайт.

Пожалуй единственное преимущество.
Но чаще сдают проект без исходников.

Answer 6

[Brusni4kin]

Gulp хорошо, но все-таки лучше webpack. Описывать порядок обработки нужно в обоих сборщиках. Webpack более гибкий и решает большее количество задач. Без знания JS будет грустно. Прикручивать webpack к gulp плохая идея. Учи JS если планируешь и дальше заниматься версткой и фронтом. Откроешь для себя новый мир. На просторах git есть много конфигов для webpack заточенных для верстки.