https://virgool.io/feed/@mohadesfaeze fa 2026-06-16 11:12:10 https://static.virgool.io/images/default-avatar.jpg https://virgool.io/@mohadesfaeze https://virgool.io/@mohadesfaeze/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-svger-cli-%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-%D8%B3%D8%B1%DB%8C%D8%B9-svg-%D8%A8%D9%87-%DA%A9%D8%A7%D9%85%D9%BE%D9%88%D9%86%D9%86%D8%AA-%D9%87%D8%A7%DB%8C-ui-gk3maegkcsts اگه با SVG تو پروژه‌های فرانت‌اند زیاد سر و کار داشته باشی، می‌دونی که مدیریت آیکون‌ها و تبدیلشون به کامپوننت‌های React/Vue/… همیشه یه گوشه‌ای از کارو آزاردهنده می‌کنه.من هم مثل خیلی‌ها از ابزارهای مختلف استفاده می‌کردم مثل SVGR اما یک سری دردسر ها داشت:وابستگی‌های زیاد و بی‌دلیلخروجی‌هایی که با استایل‌های پروژه جور نبودپرفورمنسی که با زیاد شدن آیکون‌ها افت می‌کردنیاز به کانفیگ‌های عجیب و غریبساخته شدن آیکون‌های تکراری و بی‌استفاده که حجم پروژه رو الکی بالا می‌بردمزایایی که این پکیج داره :1) صفر وابستگی؛ صفر دردسرپکیج‌های مشابه معمولاً چندین لایه لودر، پلاگین یا کتابخانه پشتشونه.SVGER-CLI هیچ وابستگی‌ای نداره که باعث نصب سریع‌تر و کانفیگ راحت‌تر میشه .2) خروجی کاملاً تمیز و قابل اعتمادخروجی‌ها همون چیزی هستن که باید باشن:یک کامپوننت سبک، ساده و بدون کد اضافه.نه کلاس‌های عجیب تولید می‌کنه، نه استایل‌های اضافی، نه پراپرتی‌های بی‌فایده.3) سرعت خیلی بالاترخیلی از ابزارهای موجود به‌خاطر سربار لودرها و پلاگین‌ها، روی پروژه‌های بزرگ کند می‌شن.اینجا همه‌چیز به صورت مستقیم روی فایل‌ها انجام می‌شه، بدون مرحله‌های اضافی.4) قابل استفاده در هر فریم‌ورکی (React, Vue, Svelte, Angular…)ابزارهای مشابه معمولاً روی یک فریم‌ورک متمرکزند، اما این پکیج خروجی مستقل تولید می‌کنه و قابل استفاده در هر محیطیه.5) مخصوص پروژه‌های Clean Architectureساختار خروجی و سازماندهی آیکون‌ها کاملاً تمیز و قابل نگهداریه.هیچ فایل اضافه، هیچ فولدر غیرضروری.چجوری نصب و استفادش کنی؟نصب و استفادهnpm install -g svger-cli svger build src/assets/icons src/components/iconsبا قابلیت watch هر تغییر روی فایل‌ها لحظه‌ای تشخیص داده می‌شه و کامپوننت‌ها فوراً آپدیت می‌شن، بدون هیچ تأخیر یا سنگینی اضافی.با قابلیت lock، می‌تونی فایل‌های مورد نظرتو قفل کنی تا موقع تغییر یا آپدیت به‌طور تصادفی پاک یا جایگزین نشن.خودکار یک فایل index.ts می‌سازه و همه آیکون‌ها رو برای ایمپورت آماده می‌کنه، دیگه نیازی به export دستی نیست.لینک npm:https://www.npmjs.com/package/svger-cliلینک github: https://github.com/faezemohades/svger-cli faeze mohades faeze mohades Sat, 15 Nov 2025 16:48:28 +0330