Что такое PostCSS.
Всем привет! В этой статье мы рассмотрим, что такое PostCSS, узнаем, нужно ли его использовать и в чем отличие от препроцессоров.
Начать стоит с того, что PostCSS используют такие компании, как Google, WordPress, Twitter, Taobao и другие. А, собственно, если такие известные и большие корпорации используют данную технологию, значит, она действительно полезна.
Сам по себе PostCSS делает только то, что парсит CSS код, переводит его в абстрактное синтаксическое дерево, дальше отдает его плагинам, а затем, когда все плагины закончат свою работу, возвращает его снова в привычный нам CSS код.
Собственно, что это за плагины такие, спросите вы? Это обычные скрипты, которые берут стили и что-то с ними делают. Например, вы можете написать CSS код, а затем PostCSS с помощью специального плагина добавит там, где нужно, префиксы для браузеров. Т.е., как и понятно из названия, он делает что-то с уже готовым CSS кодом, а препроцессоры делают еще до того, как файл будет полностью закончен.
Плюсы PostCSS в том, что он достаточно активно развивается. Вокруг него сформировалось уже довольно большое сообщество, где постоянно появляются какие-то новые плагины.
Другой плюс в том, что он прекрасно развертывается с популярными на сегодня инструментами, такими, как Gulp, Grunt, WebPack и другими.
Благодаря модульности, вы сможете использовать только то, что нужно именно вам. Если чего-то нет, вы всегда можете написать нужный плагин для себя сами.
Это все и делает данную технологию такой популярной.
Какие плагины существуют сегодня? Их очень много! Самый популярный из них, конечно, autoprefixer, который уже был упомянут ранее. Другой очень интересный плагин – cssnext. Он позволяет использовать возможности CSS4 уже сейчас!
Посмотреть другие плагины для PostCSS вы можете на сайте PostCSS Parts.
Думаю, вы поняли, как полезен этот инструмент и, если хотите увидеть продолжение, где мы рассмотрим, как его использовать и писать для него плагины, пишите свои пожелания в комментариях.
Сейчас появляется много технологий, которые облегчают написание стилей, однако это не значит, что вам не нужно знать и уметь верстать на чистом CSS, поэтому, если вы испытываете с этим трудности, обратите внимание на видеокурс HTML5 и CSS3 с Нуля до Гуру.
-
- Михаил Русаков
Комментарии (1):
Спасибо за полезную информацию. Хотелось бы увидеть технологию в деле :)
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.