Опубликовано автор в категориях Верстальщику.

Я с интересом слежу за развитием PostCSS — замечательного инструмента для верстальщикa. И где-то я писал что следующий мой проект будет на нем, а не на не менее прекрасном Sass. Но, естественно, перед тем как начинать какой-либо большой проект с использованием новых инструментов, нужно их обкатать. Первым делам я создал простой проект, в котором использовал PostCSS изначально и все мне, вроде-как понравилась. Можно использовать cssnext для написания CSS в стиле будущего CSS 4, а можно использовать, например precss, для того, чтобы писать в стиле Sass. И вот, если вы делаете все это изначально, то все вроде как хорошо. А что если нет?

В качестве эксперимента я захотел перевести один из моих проектов, который использовал Sass (LibSass), на PostCSS. Вдохновением послужила статья Breaking up with Sass: it’s not you, it’s me, в которой автор подробно рассказал как портировал свой проект. Там был список того, что дает проекту Sass и описано как заменить это с PostCSS. И вроде-бы все хорошо и красиво, но лично у меня при портировании своего проекта возник ряд вещей, которые заставили меня подумать о целесообразности такого переезда.

  1. Использование механизма подобного sass-globbing
    • postcss-import не дает полноценно использовать вложенность, по вайлд-кардам (folder/*/**)
  2. Использование комментариев в стиле Sass (// comment)
    • спросите почему, потому, что мне так удобнее, а еще такой стиль комментов использует KSS
  3. Использование дополнительных модулей для Sass (например я люблю Susy, Breakpoint)

Подытоживая скажу, что третий пункт не сильно существенный потому что есть замечательные плагины типа postcss-media-minmax и postcss-custom-media для работы с медиа-запросами, а также есть много портов разных сеток. Но вот первый и второй пункт заставили меня отказаться на данном этапе от перевода живого проекта. Скажу сразу, что я более чем уверен, что все это можно решить, потом что PostCSS — это экосистема плагинов с классным и простым API, и все что не существует, то будет написано. Поэтому — да, PostCSS использован мною в одном из следующих проектов. Процесс подготовки сборщика и нюансы использования опишу здесь.

Всем успешной верстки 🙂

 

Оставить комментарий

  • (не будет показан)