آموزش گالپ (Gulp.js)

دسته بندی: آموزش طراحی وب

گالپ Gulp

معرفی گالپ(Gulp)

Gulp یک ابزار جاوا اسکریپت متن باز است که توسط Eric Schoffstall ایجاد شده و به عنوان یک سیستم streaming build در توسعه وب طراحی شده است.
گالپ یک task runner است که بر روی Node.js و npm ساخته شده و برای اتوماتیک کردن کارهای وقت گیر و تکراری در توسعه وب استفاده می شود. مانند مینی سازی، تلفیق، cache busting، تست واحد، linting، بهینه سازی و غیره مورد استفاده قرار می گیرد.
گالپ برای تعریف وظایف یا Task ها از یک روش Code-Over-Configuration استفاده می کند و به پلاگین های کوچک و تک منظوره خود متکی است. گالپ شامل بیش از 3500 پلاگین است.

گالپ چیست؟

  • Automation  : گالپ یک ابزار است که به شما کمک می کند کارهای وقت گیر در جریان گردش کار توسعه خود را به صورت خودکار انجام دهید.
  • Platform-agnostic : درهمه IDE های اصلی یکپارچگی داشته و افراد از گالپ در پی اچ پی، دات نت، Node.js، جاوا و سایر پلتفرم ها استفاده می کنند.
  • Strong Ecosystem :از ماژول های npm برای انجام هر کاری استفاده می کند و شامل چندهزار پلاگین برای جریان های تبدیل فایل می باشد.
  •  Simple : با ارائه تنها یک سطح حداقل از API، برای یادگیری و استفاده آسان و ساده است.

تاریخچه

تمام مستندات Gulp توسط مجوز CC0 تحت پوشش قرار می گیرد. در ابتدا، Gulp v1.0.0 در تاریخ 15 ژانویه 2015 منتشر شد.

 ویژگی های Gulp

  • minification و concatenation مینی سازی و تلفیق
  • استفاده از کد جاوا اسکریپت
  • تبدیل LESS یا SASS به کامپایل سی اس اس
  • مدیریت فایل در حافظه و افزایش سرعت با استفاده از پلت فرم Node.js

 

مزایای گالپ  

  •  سرعت بالا
  • کدنویسی و درک آسان
  • آسان برای تست برنامه های وب
  • پلاگین ها برای استفاده ساده هستند و آنها برای انجام یک کار در یک زمان طراحی شده اند.
  • انجام وظایف تکراری که بارها و بارها انجام می دهد از قبیل مینی سازی stylesheets ، فشرده سازی تصاویر و غیره

معایب گالپ

  • وابستگی های زیاد نسبت به برخی task runner ها دارد
  • با استفاده از پلاگین Gulp نمی توانید چند کار را انجام دهید
  • پیکربندی آن نسبت به برخی از task runner های دیگر تمیز نیست

عملیات

Task runnerها مانند Gulp و گرانت به جای npm در Node.js ساخته شده اند، زیرا اسکریپت های اساسی npm هنگام اجرای وظایف چندگانه ناکارآمد هستند. با این وجود برخی از توسعه دهندگان اسکریپت npm را ترجیح می دهند، زیرا برای پیاده سازی آن، راه های متعدد، ساده و آسان وجود دارد. Grunt وظایف را با تبدیل فایل ها و صرفه جویی در موارد جدید در پوشه های موقت اجرا می کند و خروجی یک کار به عنوان ورودی برای دیگری و غیره گرفته می شود تا زمانی که خروجی به پوشه مقصد منتقل شود. این شامل بسیاری از تماس های I / O و ایجاد بسیاری از فایل های موقت است. در حالی که Gulp از طریق سیستم فایل به صورت streams به هیچ یک از این مکان های موقت نیاز نداشته و با کاهش تعداد تماس های I / O عملکرد را بهبود می دهد.
گالپ برای اجرای Task ها از یک رابط خط فرمان (CLI) استفاده می کند و نیاز به package.json و gulpfile.js یا یک gulpfile در دایرکتوری ریشه پروژه است. در gulpfile پلاگین ها بارگذاری می شوند و وظایف تعریف می شوند.
 ابتدا، تمام ماژول های لازم لود می شوند و سپس وظایف در gulpfile تعریف می شود. تمام پلاگین های لازم در gulpfile مشخص شده اند و روی devDependencies نصب می شوند. وظایف پیچیده با استفاده از زنجیره پلاگین ها با کمک اپراتور pipe تعریف می شود.

    آیا این نوشته را دوست داشتید؟