بسط‌دهندگان Frontend بیشتر با ابزارهای buildای که در طراحی اپلیکیشن در مشهد ذیل گفته شده میباشد عمل می‌نمایند:
package managers،
task runners،
module loaders،
module bundlers،
و غیره.
درین نوشته‌ی علمی ما شایسته ترین ابزارهای build را که میتوانید در بسط frontend استعمال فرمایید گردآوری‌آوری کرده‌ایم. اعتنا داشته باشید که کلیه این ابزارها در خط امر (command line) انجام میشوند، به این ترتیب آنان با رابط کاربری گرافیکی همدم نیستند.
npm .1 (package manager)
npm اسم اختصاری Node Package Maid میباشد که package manager ی پیش‌فرض Node.js میباشد. زمانی که Node.js را روی سیستم خویش نصب می کنید، npm نیز به طور خود کار نیز نصب می گردد و شما می توانید از روش رابط command line به آن دسترسی داشته باشید. با npm، میتوانید هر پکیج Node.js را با یک فرمان نصب نمائید.
میتوانید کلیه پکیج‌های جانور Node.js را در ریجیستری npm که می توانید از روش نوار کاوش در بالای برگه مهم npm به آن دسترسی داشته باشید، پیدا فرمائید. شما صرفا می بایست اسم پکیج متبوع خویش را در نوار کاوش تایپ فرمایید (به عنوان مثال postcss)، و به برگه پکیج هدایت می شوید که مشمول هر چیزی میباشد که شما می بایست در امر پکیج، پروسه نصب آن و بقیه موردها مرتبط با آن بدانید.
خصوصیت‌های اساسی:
پروسه نصب سهل
اپلیکیشن Cross-platform (Windows، Linux، macOS، SmarOS و موردها دیگر)
صدها هزار پکیج
رئیس تعلق کارآمد از روش فولدر package.json
مورد‌های گوناگون تنظیمات (از روش command line)
مستندات کلان و جامعه موءثر
2. Yarn (package manager)
Yarn یک package manager ی frontend میباشد که میتواند تحت عنوان جایگزینی برای npm مصرف شود. از آنجایی که Yarn خودش یک پکیج Node.js میباشد، پیش از اینکه بتوانید از Yarn بر روی سیستم خویش به کارگیری نمایید، می بایست Node.js را نصب نمائید. آنگاه صرفا بایستی راهنمای نصب را دنبال نمائید تا از آن برای رئیس تعلق‌های frontend استعمال نمایید.
اگرچه npm ابزار فوق‌العاده‌ای میباشد، البته هنگام شغل با آن متوجه می شوید که برخی اوقات فرصت قابل توجهی را میگیرد. در صورتی شما تعلق‌های متعددی را برای نصب ندارید، این لزوما یک ایراد محسوب نمی شود. با این حالا چنانچه شما با آن به طور هنگفت شغل می کنید، قادر است ایده نیکی باشد به سراغ Yarn بروید چون مجال build بسیار سریعی داراست.
Yarn با کش کردن هر پکیج، به فرایند build سرعت میبخشد، بدین ترتیب ناچار نیستید تعدادی توشه تعلق‌های خویش را دانلود فرمائید. همینطور عملیات برابر را ایفا می‌نماید تا فرصت build را بیشتر کم کند.
خصوصیت‌های مهم
ابزار Cross-platform (Windows، Linux، macOS) با راهنمای نصب جدا برای هر پلت‌هیبت
سازش با آحاد پکیج‌های Node.js
فرصت build سریع
امنیت بالا با به کارگیری از تحقیق برای تأیید درستی پکیج‌ها
شرایط آفلاین
خودداری از ساخت و ساز مفاد تکراری
3. Grunt (task runner)
Grunt یک task runnerی frontend میباشد که به شما قابلیت می دهد شغل های تکراری مانند آزمایش را اجرا دهید. Task runnerها با package managerها متعدد میباشند، چون نمی‌توانید از آنها برای رئیس تعلق‌ها به کار گیری نمائید. شما تنها در حالتی که که می خواهید برخی وظایف را طی هر پروسه build ایفا دهید به آنان نیاز دارید.
Grunt یک پکیج Node.js میباشد، می توانید آن را با npm، Yarn یا این که package managerهای دیگر Node.js نصب فرمایید. Grunt تعلق‌های سفارشی لازم خویش را برای ایفا وظایف از پیش تعریف‌و‌تمجید‌گردیده خویش در فولدر package.json نگه میدارد. شما می توانید وظایف خویش را در Gruntfile تعریف و تمجید فرمایید که در زمان هر پروسه build جاری ساختن می شود و به طور اتومات هر کاری که دربرگیرنده می گردد را اجرا میدهد.
خصوصیت‌های اساسی
ابزار خط دستور Cross-platform که روی هر سیستمم عاملی جاری ساختن می گردد
روند تنظیمات بی آلایش
اکوسیستم بزرگ با صدها افزونه برای اضافه کردن ابزارهای frontend (مثل Sass، Jade، JSHint، Handlebars، RequireJS و مورد ها دیگر) که شغل های از پیش تهیه و تنظیم گردیده را کامل شدن می‌نماید
در شکل ضرورت اجرا شغل های غیرهمزمان
مستندات کلان
به صورت بزرگ پذیرفته شد‌ه‌است
4. Gulp (task runner)
Gulp یک task runner خودکار دیگر میباشد و همینطور کارکشته‌ترین حریف Grunt است. همانند Grunt، شما میتوانید از Gulp برای خودکارسازی وظایف تکراری front-end مانند پیش‌پردازش CSS، با صرفه‌سازی تصویر و اکثری موردها دیگر استعمال نمایید. این نیز یک پکیج Node.js میباشد که میتوانید هم با package managerی npm و هم Yarn آن را نصب فرمایید. می توانید شغل های خویش را در Gulpfile تعریف و تمجید کرده و تعلق‌های مرتبط با شغل های خویش را در پوشه package.json تنظیمات فرمائید.
گران قدر‌ترین تفاوت آن با Grunt این میباشد که Gulp از تکنیک‌های خودکارسازی کارآمدتری استعمال می‌نماید که سبب می گردد مجال build سریع‌خیس صورت پذیرد. در حالی که Grunt از فولدر‌های موقتا برای پردازش امور به کار گیری می‌نماید، Gulp عملیات خاطر را سوای تایپ کردن در پوشه‌های موقت ایفا می دهد. این عملیات خاطر‌ای Node streams نامیده می گردند که میتوانند در حین بسیار صرفه‌جویی نمایند، به خصوص در‌حالتی که می خواهید در هر build یک‌سری شغل را پردازش فرمائید.