Пользуетесь ли вы сборщиками при верстке?

Question

[Виталий Ильницкий]

Используете ли вы сборщики в своей верстке Gulp или Grunt? или возможно используете другие инструменты? я ищу сборщик что бы верстать в живом режиме, что можете подсказать? Так как я считаю что на Grunt Gulp что бы это все собирать через консоль, или может есть другой метод?

Comments

[Hyubert]

gulp + browser-sync + bower + sass сильно экономит время, да и удобней на виходе оптимизирован проект (все файли сжатие, картинки сжатие, разние библиотеки в одном файле)

Answer 1

[Сергей delphinpro]

Кто-то в 2017-ом еще верстает на голом html/css без доп инструментов?

Gulp - наш выбор.

Comments

[Виталий Ильницкий]

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

[Сергей delphinpro]

Виталий Ильницкий: 375ms на пересборку - это много? Ну я не знаю, еще "живее" наверное нет.

[Сергей delphinpro]

Есть webpack с его Hot Module Replacement, но его не везде присобачишь. Или я не умею. С реактом ништяк работает, а вот просто верстку делать - хз.

[WQP]

Виталий Ильницкий: дак не используйте всё сразу. Например зачем использовать минификаторы, автопрефиксы и т.д. если это не выкатывается на продакшн? Если убрать всё это и использовать в самый последний момент, то времени это вообще не занимает

[Виталий Ильницкий]

Сергей: может есть какие то плагины Grunt для автоматического обновления CSS файла при изменении в LESS?

[Сергей delphinpro]

Виталий Ильницкий: browserSync - работает с чем угодно.
Но грант медленный, он пишет промежуточные файлы на диск. Галп работает в памяти и намного шустрее поэтому.

[Виталий Ильницкий]

Сергей: спасибо)

[Виталий Ильницкий]

Neoline: а если верстаешь по BEM? нужно каждый блок в отдельном файле, или я не прав?

[Виталий Ильницкий]

Neoline: понял)

[Сергей delphinpro]

Виталий Ильницкий: Про БЭМ
Можно использовать полный стек технологий от яндекса, и тогдп придется делать так как они рекомендуют, чтобы их инструменты работали.
А можно просто именовать свои классы и придерживаться прочих рекомендаций методологии. Тут вы в принципе свободны в выборе организации фалов и набора инструментов для сборки. Однако один блок в одном файле (используя препроцессор scss/less) это удобно. Не спрашивайте почему удобно, надоело писать одно и то же =) Просто поверьте моему опыту, потом сами убедитесь.
И не слушайте убежденных консерваторов, типа Neoline Сборщики созданы для упрощения и ускорения работы, избавления от рутины, они дают дополнительные огромные возможности, которых у вас просто нет при "нативной" верстке. Разумеется при правильном их использовании.

[Сергей delphinpro]

Neoline: Смотрели сериал Альф (A.L.F.)?

Вы не любите кошек — да вы просто не умеете их готовить.

=))

[Саша]

Сергей: 375ms на пересборку это чудесно)
но когда проект развивается, то на пересборку может уходить до 6 секунд, в таком случае вспоминаешь старый, добрый чистый css.

[Сергей delphinpro]

Саша: Конечно. В большом проекте простой css легче поддерживать =))

.heading h1, .heading .h1 {
  font-size: 2.42857rem;
  line-height: 3.42857rem; }

.apartments-menu {
  padding-top: 1.28571rem;
  padding-bottom: 1.28571rem; }

Эти циферки конечно же намного проще все запомнить, чем

.heading h1, .heading .h1 {
  @include adjust-font-size-to(24px, 1.5); }

.apartments-menu {
  @include padding-leader(1);
  @include padding-trailer(1); }

Старый добрый чистый css уже давно не вспоминаю...

[Саша]

Сергей: кошмар для тех, кому упадет проект на поддержку без исходников, с такими стилями))

даже на простых лендингах используете препроцессор?

[Сергей delphinpro]

Саша: А почему он должен попасть без исходников?

Да, всегда. Чистый css только для мелких разовых правок левых проектов.

[Саша]

Сергей: всякое бывает, увы.

ясно))
я частенько пишу на чистом, те же одностраничники)
что бы завести проект надо минимум минут 15, пока соберешь палитру, шрифты, отступы, размеры...

Answer 2

[aarty20]

не через консоль prepros.io

Answer 3

[Эдуард]

Webpack!

Answer 4

[xmoonlight]

Скажу так: если Вы не верстаете нативно, Вы создаёте кривой шаблон, но кривость - заметите только потом и случайно. А вот пользователи сайта - заметят куда раньше и перестанут посещать такой сайт из-за различных СКРЫТЫХ ОПТИМИЗАЦИЙ и МОДИФИКАЦИЙ стилей внешними инструментами/пакерами.

Answer 5

[sergey]

Конечно пользуемся, а как вы себе представляете верстку голыми ручками, да в наше время:), подберите на github или в интернете уже готовый сборщик Gulp и со временем, с пониманием оптимизируйте уже под себя.