چگونه می‌توانم از PurgeCSS در پروژه‌ام استفاده کنم؟

برای استفاده از PurgeCSS در پروژه‌ی خود، می‌توانید مراحل زیر را دنبال کنید:

گام ۱: نصب PurgeCSS

1. نصب PurgeCSS:
   • ابتدا PurgeCSS را در پروژه‌ی خود نصب کنید. برای نصب PurgeCSS می‌توانید از npm استفاده کنید:

گام ۲: استفاده از PurgeCSS در پروژه

2. تعریف PurgeCSS:
   • PurgeCSS نیاز به تنظیماتی دارد که به آن اعلام می‌کند کدام بخش‌های CSS باید حذف شوند. برای مثال، فایل‌های CSS شما و فایل‌های HTML یا JavaScriptی که از CSS استفاده می‌کنند را مشخص کنید.
3. استفاده از PurgeCSS:
   • از طریق CLI:
     • می‌توانید PurgeCSS را اجرا کرده و فایل CSS خروجی را ذخیره کنید.
     • در این دستور، your-styles.css نام فایل CSS شما، your-html-file.html نام فایل HTML یا فایل‌های دیگری که استفاده از CSS را مشخص می‌کنند، و purified-styles.css نام فایل CSS خروجی فشرده شده است.
4. استفاده در فرآیند ساخت:
   • برای اتوماتیک‌سازی فرآیند فشرده‌سازی CSS با PurgeCSS، می‌توانید از ابزارهای مانند Webpack یا Gulp استفاده کنید و PurgeCSS را به فرآیند ساخت (build process) اضافه کنید.
5. استفاده از فایل CSS فشرده شده:
   • حاصل کار PurgeCSS یک فایل CSS فشرده شده خواهد بود که می‌توانید آن را به جای فایل اصلی CSS در وبسایت خود استفاده کنید.

با انجام این مراحل، می‌توانید از PurgeCSS برای حذف CSS بی‌استفاده در پروژه‌ی خود استفاده کنید و حجم فایل‌های CSS را بهینه‌تر کنید.