Как вы начинаете верстку?

Question

[Андрей Медведев]

Уже несколько лет начинаю каждый проект со скаффолдинга этого генератора https://github.com/yeoman/generator-webapp

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

Расскажите как вы начинаете верстку, может я не там ищу.

Так же задумываюсь переключиться на prepros (хочется в gui смотреть, да и не так много надо от сборщика для верстки сайта, а там всё даже в избытке), но опять же похоже там придется таскать папку для начала проекта, или это как то еще решается?

Comments

[iBird Rose]

вчера только обсуждался этот вопрос: Верстальщики, как по современному выполняете свою работу?

Answer 1

[Владимир Ио]

Если проекты однотипные, то да, можно использовать бойлерплейт собственный или чужой.
Но чаще потребности от проекта к проекту изменчивы, а если он небольшой, то на npm install у вас уйдет времени меньше, чем на комментирование неактуальных плагинов в вебпаке/галпе.

Comments

[Андрей Медведев]

ну если не брать веб приложения, то на мой взгляд процесс верстки сайтов можно назвать достаточно однотипным. Практически везде нужен примерно один набор тасков:
- цсс препроцессоры
- подключение плагинов/библиотек wiredep'ом
- конкатенация и минификация стилей/скриптов
- оптимизация картинок
- линтинг js
- возможно работа со спрайтами
в том же webapp редко приходится что-то комментировать, даже на мелких проектах

[Владимир Ио]

Андрей Медведев: Я думаю, что все зависит от однотипности проектов. Допустим вы пишите админку на ангуляре с кучей плагинов таблиц, календариков и прочего с поддержкой ие 9. А следующий проект у вас лендинг без фреймворков на vanilla JS с самописным слайдером под линейку последних браузеров. И структура проектов будет разная, кучу инсталлов придется все равно делать поверх бойлерплейта и так далее....

Answer 2

[Никита Кит]

попробуй yeogurt
Я тоже начинал с webapp. Он неудобен тем, что нет шаблонизатора и tmp скрыт. Чтоб увидеть без гемора dist, нужно его каждый раз чистить и перекомпилировать.
В yeogurt намного круче. Там есть 2 шаблонизатора на выбор + один из трёх (ну ты понимаешь чего) + тестеры js.
Там и структура не такая примитивная как в webapp. Он вообще для SPA.
Короче я просто скину ссылку. Сгенерь и сам всё поймёшь
https://github.com/larsonjj/generator-yeogurt
Он тоже на yeoman. И browersync тоже есть.

Comments

[Андрей Медведев]

выглядит интересно, надо пощупать