دوره Vite Plugin API: توسعه پلاگین‌های سفارشی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب Vite Plugin API: توسعه پلاگین‌های سفارشی

موضوع کلی: برنامه نویسی

موضوع میانی: وایت (Vite)

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه‌ای بر Vite و اکوسیستم آن
• 2. چرا به پلاگین‌های سفارشی نیاز داریم؟
• 3. مروری بر Vite Plugin API
• 4. تفاوت پلاگین‌های Vite و Rollup
• 5. ساختار یک پلاگین Vite: آبجکت و توابع
• 6. راه‌اندازی محیط توسعه برای ساخت پلاگین
• 7. اولین پلاگین شما: "Hello World"
• 8. کار با فایل vite.config.js برای افزودن پلاگین
• 9. پلاگین‌های درون‌خطی (Inline) در مقابل پلاگین‌های جداگانه
• 10. مفهوم هوک (Hook) در پلاگین‌ها
• 11. ترتیب اجرای پلاگین‌ها و ویژگی `enforce`
• 12. پلاگین‌های یونیورسال (مشترک بین سرور توسعه و بیلد)
• 13. پلاگین‌های مختص سرور توسعه (serve-only)
• 14. پلاگین‌های مختص بیلد (build-only)
• 15. عیب‌یابی (Debugging) پلاگین‌ها در Vite
• 16. هوک `config`: تغییر پیکربندی Vite به صورت برنامه‌نویسی
• 17. هوک `configResolved`: دسترسی به پیکربندی نهایی و حل‌شده
• 18. هوک `options`: دستکاری گزینه‌های ورودی Rollup
• 19. مقدمه‌ای بر فرآیند Resolve کردن ماژول‌ها
• 20. هوک `resolveId`: رهگیری و تغییر مسیر import ها
• 21. پیاده‌سازی ماژول‌های مجازی (Virtual Modules) با `resolveId`
• 22. کار با شناسه (ID) ماژول‌های خارجی (External)
• 23. هوک `load`: فراهم کردن محتوای سفارشی برای ماژول‌ها
• 24. ترکیب `resolveId` و `load` برای ساخت ماژول مجازی کامل
• 25. هوک `transform`: قدرتمندترین هوک برای دستکاری کد
• 26. مبانی تغییر و تحول کد در هوک `transform`
• 27. کار با Source Map برای عیب‌یابی بهتر
• 28. تزریق کد و متغیرهای سراسری با `transform`
• 29. تحلیل و پردازش انواع فایل‌های خاص (مانند Markdown یا YAML)
• 30. هوک `transformIndexHtml`: دستکاری فایل `index.html` خروجی
• 31. تزریق تگ‌های `<script>` و `<link>` به HTML
• 32. تغییر محتوای HTML با استفاده از Regex یا Parser
• 33. هوک `buildStart`: اجرای کد قبل از شروع فرآیند بیلد
• 34. هوک `buildEnd`: اجرای کد پس از پایان فرآیند بیلد (با یا بدون خطا)
• 35. هوک `closeBundle`: آخرین هوک پس از نوشته شدن تمام فایل‌ها
• 36. مقدمه‌ای بر سرور توسعه Vite
• 37. هوک `configureServer`: دسترسی به نمونه سرور توسعه
• 38. افزودن میان‌افزار (Middleware) سفارشی به سرور توسعه
• 39. مدیریت درخواست‌های HTTP سفارشی
• 40. مقدمه‌ای بر Hot Module Replacement (HMR)
• 41. هوک `handleHotUpdate`: مدیریت به‌روزرسانی‌های Hot
• 42. ارسال رویدادهای سفارشی از سرور به کلاینت
• 43. مدیریت کامل به‌روزرسانی صفحه (Full Reload)
• 44. API سمت کلاینت برای HMR: `import.meta.hot`
• 45. ساخت یک پلاگین ساده برای لاگ کردن فعالیت‌ها
• 46. ساخت پلاگین برای تزریق متغیرهای محیطی (Environment Variables)
• 47. ساخت پلاگین برای افزودن بنر (Banner) به فایل‌های خروجی
• 48. ساخت پلاگین برای تبدیل فایل‌های `json5` به `json`
• 49. ساخت پلاگین برای بهینه‌سازی تصاویر (Image Optimization)
• 50. ساخت پلاگین برای حذف کامنت‌ها یا کدهای خاص در بیلد نهایی
• 51. مفهوم Asset ها و منابع در Vite
• 52. هوک `resolveFileUrl`: تغییر URL های عمومی فایل‌ها
• 53. هوک `renderBuiltUrl`: سفارشی‌سازی URL نهایی در بیلد
• 54. مدیریت و کپی کردن فایل‌های استاتیک با پلاگین
• 55. مقدمه‌ای بر فرآیند تولید باندل (Bundle Generation)
• 56. هوک `renderChunk`: دستکاری هر چانک (Chunk) خروجی قبل از تولید نهایی
• 57. هوک `augmentChunkHash`: افزودن داده به هش چانک برای کنترل Caching
• 58. هوک `generateBundle`: دستکاری کامل باندل خروجی قبل از نوشته شدن روی دیسک
• 59. تولید فایل‌های اضافی در خروجی بیلد
• 60. حذف فایل‌ها از خروجی بیلد
• 61. سازگاری با پلاگین‌های Rollup
• 62. نحوه استفاده از یک پلاگین Rollup در Vite
• 63. محدودیت‌ها و نکات هنگام استفاده از پلاگین‌های Rollup
• 64. پلاگین‌های ترتیبی (Sequential) و موازی (Parallel)
• 65. اشتراک‌گذاری اطلاعات بین هوک‌های مختلف یک پلاگین
• 66. اشتراک‌گذاری داده بین پلاگین‌های مختلف با `this.meta`
• 67. طراحی پلاگین‌های قابل پیکربندی (Configurable)
• 68. اعتبارسنجی (Validation) گزینه‌های ورودی پلاگین
• 69. ارائه مقادیر پیش‌فرض برای گزینه‌های پلاگین
• 70. مدیریت خطا و گزارش‌دهی در پلاگین‌ها
• 71. استفاده از کتابخانه‌های خارجی در پلاگین (مانند `magic-string`)
• 72. توسعه پلاگین برای یک فریم‌ورک خاص (مانند React یا Vue)
• 73. مثال: یک پلاگین ساده برای React Fast Refresh
• 74. مثال: یک پلاگین ساده برای پردازش فایل‌های `.vue`
• 75. ملاحظات مربوط به Server-Side Rendering (SSR)
• 76. هوک `ssrLoadModule`: بارگذاری ماژول‌ها در سمت سرور
• 77. هوک `ssrTransform`: تغییر کد فقط برای محیط SSR
• 78. ایجاد پلاگین برای پیش‌پردازنده‌های CSS (مانند Sass, Less)
• 79. کار با PostCSS از طریق پلاگین
• 80. تزریق CSS به صورت داینامیک
• 81. بهترین شیوه‌ها برای نوشتن پلاگین‌های کارآمد (Performant)
• 82. اجتناب از عملیات سنگین و مسدودکننده (Blocking)
• 83. استفاده از Caching برای بهبود سرعت
• 84. استفاده از Worker Threads برای پردازش‌های سنگین
• 85. ساختار پروژه برای یک پلاگین قابل انتشار
• 86. نوشتن پلاگین با TypeScript
• 87. پیکربندی `tsconfig.json` برای توسعه پلاگین
• 88. تولید تایپ‌ها (Type Definitions) برای پلاگین شما
• 89. مقدمه‌ای بر تست پلاگین‌ها
• 90. نوشتن تست‌های واحد (Unit Tests) برای هوک‌ها
• 91. نوشتن تست‌های یکپارچه‌سازی (Integration Tests) با اجرای Vite
• 92. مستندسازی پلاگین: نوشتن فایل README کامل
• 93. ارائه مثال‌های کاربردی برای پلاگین
• 94. آماده‌سازی و انتشار پلاگین در npm
• 95. مدیریت نسخه‌بندی (Versioning) پلاگین
• 96. پروژه نهایی: ساخت یک پلاگین جامع از ابتدا تا انتها
• 97. ایده‌پردازی و تعیین نیازمندی‌های پروژه نهایی
• 98. پیاده‌سازی هوک‌های اصلی پروژه نهایی
• 99. افزودن قابلیت‌های پیشرفته و تست پروژه نهایی
• 100. مروری بر اکوسیستم پلاگین‌های رسمی و جامعه Vite