سيتم اعادة تجديد الموقع قريبا ان شاء الله
ماهو Gulp.js تعرف على افضل طريقة لأتمتة المهام tasks بسهولة

ماهو Gulp.js تعرف على افضل طريقة لأتمتة المهام بسهولة

من المعروف انه من غير المجدي استتمار وقتك التمين في تعلم اداة جديدة إذا لم تكن تعرف حتى المشكلة التي تحلها، Gulp.js ابتكر لحل مشكلة التكرار التي يعاني منها المطورن في اغلب مشاريعهم، بحيت تمكن من تبسيط العديد من المهام المكررة يوميا ودلك بجعلها تلقائية، أتمتة المهام المتكررة = مزيد من الوقت للقيام بالمهام غير المتكررة = مزيد من الإنتاجية.

Gulp.js هي اداة تم تطويرها بلغة جافاسكربت الهدف منها تنفيذ مهام tasks تلقائيا بناء على المهام الخاصة بك مثل:

  • ضغط وتقليل حجم ملفات JavaScript و CSS.
  • تحديث المتصفح الخاص بك عند حفظ الملف.
  • عمل unit testing للكود و التأكد من عمله بفعالية .
  • تحويل وترجمة ملفات Less/Saas الى ملفات CSS

من مميزات Gulp.js

يمكنك gulp.js من العمل على الملفات في مرحلة البرمجة، ومن تمة عند الانتهاء يتم نقل الكود تلقائيا الى الملفات النهائية، بحيت تمكنك عملية الفصل هده من التحكم في العمليات التي ترغب في اجرائها على الملفات النهائية التي ستستخدم في التطبيق النهائي، من قبيل دمج اكثر من ملف في ملف واحد او ضغط الملفات للتقليل من حجمها.

يمكننا تلخيص خطوات كتابة المهام عن طريق gulp في:

  • تستدعي المكتبات اللازمة.
  • تحدد الملفات التي سوف يتم تنفيذ المهام عليها.
  • تحدد ماذا يجب ان تفعل بالملفات.
  • تحدد المجلد النهائي لوضع مخرجات هذا السكربت عن الانتهاء من تنفيذه .

تثبيت Gulp.js

يعد Gulp سهل على مستوى تتبيته و كدلك استعماله، يمكننا تلخيص مراحل التتبيت في:

  1. تتبيت gulp.js لكي تتمكن من استعماله في اي مكان في جهازك عن طريق استعمال الخاصية --global.
  2. تتبيت gulp.js في devDependencies.
  3. انشاء ملف gulpfile.js

الخطورة الاولى هي تتبيت gulp بشكل مطلق في الجهاز

$ npm install --global gulp

بعد دلك ستحاج لاستخدام gulp على شكل devDependencies، لكن قبل الشروع في استخدامه يجب ان تتوفر على ملف package.json بداخل التطبيق الدي تود العمل عليه عن طريق استعمال الامر npm init او عن طريق انشائه بطريقة يدوية، بمجرد انشائك لملف package.json قم بتتبيت gulp في devDependencies عن طريق الامر التالي

$ npm install --save-dev gulp

تم قم بتنفيد الامر التالي

$ npm install --save-dev gulp-util

تم في ملف gulpfile.js الدي قمنا بانشائه اضف الكود التالي لاختبار gulp عن طريق الدالة log

/* File: gulpfile.js */

// grab our gulp packages
var gulp  = require('gulp'),
    gutil = require('gulp-util');

// create a default task and just log a message
gulp.task('default', function() {
  return gutil.log('Gulp is running!')
});

قم بتنفيد الامر gulp في سطر الاوامر بحيت ادا نفد بشكل سليم ستلاحض نتيجة تشبه النتيجة التالية

> gulp
[09:59:30] Using gulpfile ~/Projects/laravel-ar/gulpfile.js
[09:59:30] Starting 'default'...
[09:59:30] Gulp is running!
[09:59:30] Finished 'default' after 1 ms
فريق التحرير

فريق التحرير هو المكلف بتدوين مقالات علمية بالعربية لتمكين المبرمجين العرب من الحصول على اخر الاخبار و التقنيات الجديدة بسرعة وفي مكان واحد.

إقرأ أيضً