PostCSS
ابزاری برای تبدیل CSS با کمک افزونههای جاوااسکریپت. خودش هیچ نحو تازهای اضافه نمیکند؛ بستری است که افزونههایی مثل Autoprefixer و بهینهسازها روی آن اجرا میشوند. بیشتر ابزارهای مدرن CSS در پشت صحنه روی همین ساخته شدهاند.
معرفی محصول
PostCSS را میشود «کامپایلر قابل برنامهریزی CSS» دانست. CSS را میخواند، به ساختار درختی تبدیل میکند و به افزونهها اجازه میدهد آن را تغییر دهند. بیشتر ابزارهای مدرن CSS در پشت صحنه روی همین ساخته شدهاند.
کاربرد اصلی
در فرایند ساخت پروژه قرار میگیرد و افزونههای موردنیاز را به آن معرفی میکنید: افزودن خودکار پیشوند مرورگرها، فشردهسازی خروجی، یا پشتیبانی از قابلیتهای تازهٔ CSS در مرورگرهای قدیمیتر.
مناسب چه کسانی است
برای هر پروژهای که فرایند ساخت دارد. اگر از Tailwind یا ابزارهای مشابه استفاده میکنید، احتمالاً بدون اینکه بدانید از PostCSS هم استفاده میکنید.
مزایا
ماژولی و سبک است؛ فقط افزونههایی را اجرا میکند که خودتان انتخاب کردهاید. اکوسیستم افزونههایش بسیار بزرگ است و تقریباً برای هر نیاز تبدیلی گزینهای وجود دارد.
اطلاعات فنی
- سازنده: Andrey Sitnik و مشارکتکنندگان
- لایسنس: MIT
- پیشنیاز: Node.js و یک فرایند ساخت
لایسنس و اجازهٔ استفاده
این محصول تحت لایسنس MIT منتشر شده است؛ یعنی استفادهٔ رایگان، تغییر و استفادهٔ تجاری طبق شرایط همان لایسنس مجاز است. پیش از استفاده در پروژهٔ تجاری، متن کامل لایسنس را در منبع رسمی ببینید.
منبع رسمی
زوانو این فایل را بازنشر نمیکند؛ دانلود مستقیماً از منبع رسمی سازنده انجام میشود تا همیشه آخرین نسخهٔ اصلی و دستنخورده را بگیرید.
- وبسایت رسمی: https://postcss.org/
- مخزن کد: https://github.com/postcss/postcss
- مستندات: https://postcss.org/docs/
�
تنباز و رایگان
لایسنس MIT
�
ع�
اری افزونهای
اجرای فقط تبدیلهای �
وردنیاز
افزودن خودکار پیشوند
سازگاری با �
رورگرهای هدف
بهینهسازی خروجی
کاهش حج�
فایل نهایی
پشتیبانی از CSS آینده
استفاده از نحو تازه پیش از پشتیبانی کا�
ل
اکوسیست�
بزرگ
افزونه برای طیف وسیعی از نیازها
پایهٔ ابزارهای �
درن
زیرساخت بسیاری از فری�
ورکهای CSS
- PostCSS را با npm در پروژه نصب کنید.
- افزونههای موردنیاز مانند Autoprefixer را اضافه کنید.
- فایل پیکربندی بسازید و ترتیب افزونهها را مشخص کنید.
- آن را به فرایند ساخت پروژه وصل کنید.
هنوز دیدگاهی ثبت نشده است
اولین کسی باشید که تجربهاش را از این محصول مینویسد.
محصولات مرتبط
UnoCSS
موتور CSS اتمی درخواستی. کلاسها را در لحظه و فقط برای آنچه واقعاً استفاده شده تولید میکند. قواعدش کاملاً قابل تعریف است، پس میتوانید سبک کلاسنویسی دلخواه خودتان را بسازید.
Sass
پیشپردازندهٔ CSS با متغیر، تودرتویی، ماژول و تابع. کد سبکدهی را ساختارمند و قابل نگهداری میکند و خروجی نهایی همان CSS استاندارد است که همهٔ مرورگرها میفهمند. خروجی آن CSS استاندارد است و هزینهٔ زمان اجرا ندارد.
Tailwind CSS
فریمورک CSS مبتنی بر کلاسهای کاربردی. بهجای کامپوننت آماده، قطعههای کوچک سبکدهی میدهد و شما ظاهر دلخواه را مستقیم در نشانهگذاری میسازید؛ خروجی نهایی فقط شامل کلاسهای استفادهشده است. طراحی اختصاصی بدون جنگیدن با سبکهای از پیش تعیینشده ممکن میشود.
daisyUI
کتابخانهٔ کامپوننت برای Tailwind CSS. کلاسهای کوتاه و معنایی مثل دکمه و کارت را اضافه میکند تا نشانهگذاری شلوغ نشود، ولی هر جا لازم شد میتوانید با کلاسهای Tailwind بازنویسی کنید.