• Что такое Postcss?

    sijio
    @sijio
    Frontend Developer (React, Vue, Material UI)
    1. Архитектура SASS - монолитная, т.е. вы можете использовать только те функции, которые вам предоставляет его производитель. Архитектура PostCSS - модульная, легко расширяемая новыми фичами за счет подключения плагинов, которые в принципе может написать любой желающий. Если вам нужна какая-то очень специальная обработка CSS, которой нет в наборе опубликованных плагинов, вы можете легко написать свой плагин для этого. Т.е. PostCSS будет развиваться быстрее за счет расширения библиотеки плагинов сторонними разработчиками.
    2. За счет большого количества имеющихся плагинов уже сейчас PostCSS предоставляет больше возможностей для обработки CSS чем SASS.
    3. На вход SASS получают шаблон CSS файла, который и формируют. На этом его работа заканчивается. PostCSS на вход получает CSS файл, парсит его в структуру стилей, что дает гораздо больше возможностей для обработки. Кроме того за счет плагина precss PostCSS может то же самое, что и SASS.
    4. А еще PostCSS - быстрее чем SASS.
    Ответ написан
    Комментировать
  • В чем смысл PostCSS сегодня?

    sijio
    @sijio
    Frontend Developer (React, Vue, Material UI)
    1. Как уже было замечено архитектура препроцессоров - монолитная, т.е. вы можете использовать только те функции, которые вам предоставляет разработчик препроцессора. Архитектура PostCSS - модульная, возможности PostCSS расширяются за счет подключения плагинов. Любой желающий может создать плагин, который потом любой дугой сможет легко подключить к своему проекту. Если вам нужна какая-то очень специальная обработка CSS, которой нет в наборе опубликованных плагинов, вы можете легко написать свой плагин для этого. Т.е. PostCSS будет развиваться быстрее за счет расширения библиотеки плагинов сторонними разработчиками.
    2. За счет большого количества имеющихся плагинов уже сейчас PostCSS предоставляет больше возможностей для обработки CSS чем, скажем SASS.
    3. На вход препроцессоры получают шаблон CSS файла, который и формируют. На этом их работа заканчивается. PostCSS на вход получает CSS файл, парсит его в структуру стилей, что дает гораздо больше возможностей для обработки. Кроме того за счет плагина precss PostCSS может то же самое, что и препроцессор SASS.
    Ответ написан
    Комментировать
  • Зачем нужен PostCSS если есть Gulp и его плагины?

    sijio
    @sijio
    Frontend Developer (React, Vue, Material UI)
    Gulp предоставляет лишь общие инструменты для сборки пакета. Имеющиеся у Gulp инструменты для работы с CSS сильно уступают по возможностям тому, что предлагает PostCSS.
    PostCSS через большое число плагинов предоставляет инструменты специально предназначенные для обработки CSS. PostCSS парсит переданный ему CSS файл, создавая в памяти виртуальную структуру для описанных стилей. Это преоставляет больше возможностей для их обработки.
    Ответ написан
    Комментировать