آموزش ابزارهای مدرن بیلد جاوااسکریپت (Modern JavaScript Build Tools) - آخرین آپدیت

سرفصل ها و درس ها

درک ابزارهای مدرن بیلد جاوااسکریپت Understanding Modern JavaScript Build Tools

• ابزارهای بیلد چه کاری انجام می‌دهند What Build Tools Do

• مقایسه ابزارهای بیلد سنتی و مدرن Traditional vs. Modern Build Tools

• ابزارهای مدرن بیلد در عمل: Vite و esbuild Modern JavaScript Build Tools in Action: Vite and esbuild

شروع به کار با Vite Getting Started with Vite

• دمو: نصب و اجرای Vite Demo: Getting up and Running with Vite

• دمو: پیکربندی Vite Demo: Configuring Vite

اتوماسیون و بهینه‌سازی با Vite Automating and Optimizing with Vite

• اتوماتیک کردن تسک‌های بیلد Automating Build Tasks

• دمو: حالت توسعه در مقابل حالت تولید (Production) Demo: Production vs. Development Mode

• پلاگین‌ها و اکوسیستم Plugins and the Ecosystem

• دمو: نکات بهینه‌سازی Demo: Optimization Tips

شروع به کار با esbuild Getting Started with esbuild

• دمو: نصب esbuild Demo: Instaling esbuild

• دمو: ترنسپایل کردن فایل‌های TypeScript Demo: Transpiling TS Files

اتوماسیون و بهینه‌سازی با esbuild Automating and Optimizing with esbuild

• دمو: ایجاد اسکریپت بیلد سفارشی Demo: Creating a Custom Build Script

• مینیمایز کردن، باندلینگ و سورس‌مپ‌ها Minification, Bundling, and Source Maps

• دمو: استفاده از پلاگین‌ها Demo: Using Plugins

انتخاب ابزار بیلد مناسب Choosing a Build Tool

• دمو: مقایسه عملکرد Demo: Comparing Performance

• مقایسه Vite در برابر esbuild Vite vs. esbuild

• گام‌های بعدی و جمع‌بندی Where to Go from Here