Последнее время приходилось много работать с frontend, поэтому возникал некий интерес в эту сторону.
Верстал всегда с нуля, в бутстрапе нет никакого смысла для уникального дизайна, уж очень много он тащит не нужного.
В результате через некий опыт собрал вот такую штуку: https://github.com/nepster-web/frontend-box
Уже как оказалась позже нашел вот такую штуку: http://habrahabr.ru/post/250569/
Однако там мне не понравилось, то что собирается сразу все, далее я отдаю предпочтении less ну и такое прочее.
У себя я разделил результат сборки на dev и prod, где dev не минифицирует и не собираем css файлы, также сжатие картинок вынесено отдельно, поэтому собирается все куда быстрее.
Собственно хотелось бы узнать у тех, кому приходится часто верстать следующие вопросы:
- Какие плагины для облегчения жизни вы используете (имеется ввиду для gulp / grunt) ?
- У кого какие заготовки есть (вне бутстрапа и поддержки ие до 11 версии)?
ну и собственно советы и рекомендации чего можно добавить в frontend сборку ?
Сборка frontend
Re: Сборка frontend
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. Даже если вы не собираетесь его использовать, вы сможете лучше понять задачи по сборке. И решить их уже с помощью своих сборщиков.
Конкретно по js одна из болезненных тем - это модульность. Достаточно много решений напридумывали, но как это всё совместить? Простой склейкой явно не обойтись. Вполне возможно, что так и появился webpack. Подробнее: https://webpack.github.io/docs/what-is-webpack.html
А по итогу получается, что в большинстве случаев webpack может полностью заменить gulp/grunt.
В общем, советую посмотреть материал Ильи Кантора по webpack: https://www.youtube.com/playlist?list=P ... 2EEG9VGenn. Даже если вы не собираетесь его использовать, вы сможете лучше понять задачи по сборке. И решить их уже с помощью своих сборщиков.
Re: Сборка frontend
+1 за webpack. Ну и конечно выкинуть less в пользу postcss
Re: Сборка frontend
Нужно больше аргументов.zelenin писал(а):+1 за webpack. Ну и конечно выкинуть less в пользу postcss
Re: Сборка frontend
habrahabr, google. Живем в век быстрого развития веб-инструментов. Практически каждый новый инструмент во фронтенде лучше предыдущего старого, а gulp/grunt уже "старички".nepster писал(а):Нужно больше аргументов.zelenin писал(а):+1 за webpack. Ну и конечно выкинуть less в пользу postcss
Re: Сборка frontend
чо-то я провтыкал пару новых фитч.
- samdark
- Администратор
- Сообщения: 9489
- Зарегистрирован: 2009.04.02, 13:46
- Откуда: Воронеж
- Контактная информация:
Re: Сборка frontend
Да они каждые пол года меняются. Можно пол года подождать и что планировал изучить будет уже не актуально
Нравится Yii? Давайте сделаем его лучше!.