gulp ट्यूटोरियल
गुलाल के साथ शुरुआत हो रही है

टिप्पणियों

संस्करण

स्थापना या सेटअप

1. Node.js और NPM स्थापित करें:

गुल को Node.js और NPM, Node के पैकेज मैनेजर की आवश्यकता होती है। अधिकांश इंस्टॉलर में Node.js. के साथ NPM शामिल हैं स्थापना दस्तावेज़ का संदर्भ लें या पुष्टि करें कि यह आपके टर्मिनल में निम्न कमांड चलाकर पहले से स्थापित है,

npm -v
// will return NPM version or error saying command not found

2. विश्व स्तर पर स्थापित करें:

यदि आपने पहले विश्व स्तर पर gulp का एक संस्करण स्थापित किया है, तो कृपया सुनिश्चित करें कि आपका पुराना संस्करण gulp-cli से न टकराए, इसके लिए npm rm --global gulp चलाएं।

$ npm install --global gulp-cli

3. अपनी परियोजना निर्देशिका आरंभ करें:

$ npm init

4. अपने प्रोजेक्ट पर निर्भरता में गल्प स्थापित करें:

$ npm install --save-dev gulp

5. अपनी परियोजना के मूल में एक gulpfile.js बनाएं:

var gulp = require('gulp');

gulp.task('default', function() {
  // place code for your default task here
});

6. दौड़ना:

$ gulp

डिफ़ॉल्ट कार्य चल जाएगा और कुछ भी नहीं है।

व्यक्तिगत कार्यों को चलाने के लिए, gulp <task> <othertask> ।

कार्य निर्भरता

आप gulp.task() लिए एक दूसरा पैरामीटर पास करके श्रृंखला में कार्य चला सकते हैं।

यह पैरामीटर आपके कार्य के चलने से पहले निष्पादित और पूर्ण किए जाने वाले कार्यों की एक सरणी है:

var gulp = require('gulp');

gulp.task('one', function() {
   // compile sass css
});

gulp.task('two', function() {
   // compile coffeescript
});

// task three will execute only after tasks one and two have been completed
// note that task one and two run in parallel and order is not guaranteed
gulp.task('three', ['one', 'two'], function() {
   // concat css and js
});

// task four will execute only after task three is completed
gulp.task('four', ['three'], function() {
   // save bundle to dist folder
});

यदि आप केवल निर्भरता कार्यों का एक बंडल चलाना चाहते हैं, तो आप फ़ंक्शन को छोड़ सकते हैं:

gulp.task('build', ['array', 'of', 'task', 'names']);

नोट: कार्य समानांतर (एक ही बार में) चलेंगे, इसलिए यह न मानें कि कार्य क्रम में शुरू / समाप्त होंगे। यदि निर्भरता कार्यों के निष्पादन का क्रम महत्वपूर्ण है, तो gulp v4 , gulp.series() का उपयोग किया जाना चाहिए।

गनप का उपयोग करके सब फ़ोल्डर में कॉनसैट जेएस फाइल

var gulp = require('gulp'); 

// include plug-ins
var uglify = require('gulp-uglify'),
    concat = require('gulp-concat');

// Minified file
gulp.task('packjsMin', function() {
   return gulp.src('node_modules/angular/*.js')
      .pipe(concat('script.js'))
      .pipe(uglify())
      .pipe(gulp.dest('Scripts'));
});

//Not minified file
gulp.task('packjs', function () {
    return gulp.src('node_modules/angular/*.js')
      .pipe(concat('allPackages.js'))
      .pipe(gulp.dest('Scripts'));
});

गुल सीएलआई डॉक्स

झंडे

gulp के बारे में जानने के लिए बहुत कम झंडे हैं। यदि आवश्यक हो तो अन्य सभी झंडे कार्यों का उपयोग करने के लिए हैं।

• -v या --version वैश्विक और स्थानीय gulp संस्करण प्रदर्शित करेगा
• --require <module path> को gulpfile चलाने से पहले एक मॉड्यूल की आवश्यकता होगी। यह ट्रांसपाइलर के लिए उपयोगी है, लेकिन इसके अन्य अनुप्रयोग भी हैं। आप एक से --require झंडे का उपयोग कर सकते हैं
• --gulpfile <gulpfile path> मैन्युअल रूप से gulpfile का पथ सेट करेगा। उपयोगी है यदि आपके पास कई गुलफिले हैं। यह CWD को gulpfile डायरेक्टरी के साथ सेट करेगा
• --cwd <dir path> CWD को मैन्युअल रूप से सेट करेगा। गुलफ़िले की खोज, साथ ही सभी आवश्यकताओं की सापेक्षता यहाँ से होगी
• -T या --tasks लोड गुलगुले के लिए कार्य निर्भरता पेड़ प्रदर्शित करेगा
• --tasks-simple लोड किए गए गुलदस्ते के लिए कार्यों की एक सादे सूची प्रदर्शित करेगा
• --color रंग बिना किसी रंग के समर्थन के पता चलने पर भी रंगों को प्रदर्शित करने के लिए गल्प और गुल प्लग को मजबूर करेगा
• --no-color भी रंग रंग समर्थन का पता चलने पर भी रंगों को प्रदर्शित नहीं करने के लिए गल्प और गल्प प्लग को मजबूर करेगा
• --silent सभी gulp लॉगिंग को अक्षम कर देगा

सीएलआई प्रक्रिया जोड़ता है ।env.INIT_CWD जो कि मूल cwd है जिसे इससे लॉन्च किया गया था।

टास्क विशिष्ट झंडे

कार्य विशिष्ट झंडे जोड़ने के लिए इस StackOverflow लिंक का संदर्भ लें

कार्य

कार्य gulp <task> <othertask> जा सकते हैं gulp <task> <othertask> । बस चल रहे gulp आपके द्वारा default पंजीकृत कार्य को निष्पादित करेगा। यदि कोई default कार्य नहीं है, तो गलप त्रुटि होगी।

संकलनकर्ता

आप व्याख्या में समर्थित भाषाओं की सूची पा सकते हैं। यदि आप एक नई भाषा के लिए समर्थन जोड़ना चाहते हैं तो पुल अनुरोध भेजें / खुले मुद्दे।