Сборка frontend

Вопросы по вёрстке и JavaScript
Ответить
nepster
Сообщения: 838
Зарегистрирован: 2013.01.02, 03:35

Сборка frontend

Сообщение nepster »

Последнее время приходилось много работать с frontend, поэтому возникал некий интерес в эту сторону.

Верстал всегда с нуля, в бутстрапе нет никакого смысла для уникального дизайна, уж очень много он тащит не нужного.
В результате через некий опыт собрал вот такую штуку: https://github.com/nepster-web/frontend-box

Уже как оказалась позже нашел вот такую штуку: http://habrahabr.ru/post/250569/
Однако там мне не понравилось, то что собирается сразу все, далее я отдаю предпочтении less ну и такое прочее.

У себя я разделил результат сборки на dev и prod, где dev не минифицирует и не собираем css файлы, также сжатие картинок вынесено отдельно, поэтому собирается все куда быстрее.

Собственно хотелось бы узнать у тех, кому приходится часто верстать следующие вопросы:
- Какие плагины для облегчения жизни вы используете (имеется ввиду для gulp / grunt) ?
- У кого какие заготовки есть (вне бутстрапа и поддержки ие до 11 версии)?

ну и собственно советы и рекомендации чего можно добавить в frontend сборку ?
Аватара пользователя
fdr
Сообщения: 35
Зарегистрирован: 2015.01.27, 15:52
Откуда: Yekaterinburg

Re: Сборка frontend

Сообщение fdr »

gulp/grunt по большому счёту не сборщики, а менеджеры задач (task runners). Т.е. любая пре- и постобработка. Например, склеивание файлов, оптимизация изображений, сжатие кода и т.д.

Конкретно по js одна из болезненных тем - это модульность. Достаточно много решений напридумывали, но как это всё совместить? Простой склейкой явно не обойтись. Вполне возможно, что так и появился webpack. Подробнее: https://webpack.github.io/docs/what-is-webpack.html
А по итогу получается, что в большинстве случаев webpack может полностью заменить gulp/grunt.

В общем, советую посмотреть материал Ильи Кантора по webpack: https://www.youtube.com/playlist?list=P ... 2EEG9VGenn. Даже если вы не собираетесь его использовать, вы сможете лучше понять задачи по сборке. И решить их уже с помощью своих сборщиков.
zelenin
Сообщения: 10596
Зарегистрирован: 2013.04.20, 11:30

Re: Сборка frontend

Сообщение zelenin »

+1 за webpack. Ну и конечно выкинуть less в пользу postcss
nepster
Сообщения: 838
Зарегистрирован: 2013.01.02, 03:35

Re: Сборка frontend

Сообщение nepster »

zelenin писал(а):+1 за webpack. Ну и конечно выкинуть less в пользу postcss
Нужно больше аргументов.
zelenin
Сообщения: 10596
Зарегистрирован: 2013.04.20, 11:30

Re: Сборка frontend

Сообщение zelenin »

nepster писал(а):
zelenin писал(а):+1 за webpack. Ну и конечно выкинуть less в пользу postcss
Нужно больше аргументов.
habrahabr, google. Живем в век быстрого развития веб-инструментов. Практически каждый новый инструмент во фронтенде лучше предыдущего старого, а gulp/grunt уже "старички".
nepster
Сообщения: 838
Зарегистрирован: 2013.01.02, 03:35

Re: Сборка frontend

Сообщение nepster »

чо-то я провтыкал пару новых фитч.
Аватара пользователя
samdark
Администратор
Сообщения: 9489
Зарегистрирован: 2009.04.02, 13:46
Откуда: Воронеж
Контактная информация:

Re: Сборка frontend

Сообщение samdark »

Да они каждые пол года меняются. Можно пол года подождать и что планировал изучить будет уже не актуально :)
Ответить