खोज…


टिप्पणियों

आगे की पढाई:

इंस्टॉलिंग ग्रंट गाइड में विशिष्ट, उत्पादन या इन-डेवलपमेंट, ग्रंट और ग्रंट-क्ली के संस्करणों को स्थापित करने के बारे में विस्तृत जानकारी है।

कॉन्फिगरिंग टास्क गाइड में ग्रंटफाइल के अंदर टास्क, टारगेट, ऑप्शन और फाइल्स को कॉन्फ़िगर करने के साथ-साथ टेम्प्लेट्स, ग्लोबिंग पैटर्न और एक्सटर्नल डेटा को इम्पोर्ट करने के तरीके के बारे में गहराई से बताया गया है।

बनाना कार्य गाइड ग्रंट कार्यों के प्रकारों के बीच के अंतरों को सूचीबद्ध करता है और कई नमूना कार्यों और कॉन्फ़िगरेशन को दिखाता है।

ग्रंटज का परिचय

ग्रंट एक जावास्क्रिप्ट टास्क रनर है, जिसका उपयोग पुनरावृत्ति कार्यों के स्वचालन के लिए किया जाता है जैसे कि खनन, संकलन, इकाई परीक्षण, लाइनिंग, आदि।

आरंभ करने के लिए, आप वैश्विक रूप से ग्रंट की कमांड लाइन इंटरफ़ेस (CLI) स्थापित करना चाहेंगे।

npm install -g grunt-cli

एक नया ग्रन्ट प्रोजेक्ट तैयार करना: एक विशिष्ट सेटअप में आपके प्रोजेक्ट में दो फाइलें शामिल होंगी: package.json और ग्रंटफाइल।

package.json: इस फाइल का उपयोग npm द्वारा npm मॉड्यूल के रूप में प्रकाशित परियोजनाओं के लिए मेटाडेटा को संग्रहीत करने के लिए किया जाता है। आप इस प्रोजेक्ट में ग्रन्ट और ग्रंट प्लगइन्स को आपके प्रोजेक्ट की जरूरत के अनुसार निर्भर करेगा।

Gruntfile: इस फ़ाइल का नाम Gruntfile.js है और इसका उपयोग कार्यों को कॉन्फ़िगर करने या परिभाषित करने और Grunt plugins को लोड करने के लिए किया जाता है।

Example package.json:

{
  "name": "my-project-name",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.5",
    "grunt-contrib-jshint": "~0.10.0",
    "grunt-contrib-nodeunit": "~0.4.1",
    "grunt-contrib-uglify": "~0.5.0"
  }
}

उदाहरण ग्रंटफाइल:

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    uglify: {
      options: {
        banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
      },
      build: {
        src: 'src/<%= pkg.name %>.js',
        dest: 'build/<%= pkg.name %>.min.js'
      }
    }
  });

  // Load the plugin that provides the "uglify" task.
  grunt.loadNpmTasks('grunt-contrib-uglify');

  // Default task(s).
  grunt.registerTask('default', ['uglify']);

};

ग्रंटप्लगिन स्थापित करना

निर्भरता जोड़ना

ग्रन्टप्लगिन का उपयोग करने के लिए, आपको पहले इसे अपनी परियोजना पर निर्भरता के रूप में जोड़ना होगा। उदाहरण के तौर पर jshint plugin का उपयोग करते हैं।

npm install grunt-contrib-jshint --save-dev

package.json में प्लगइन जोड़ने के लिए --save-dev विकल्प का उपयोग किया जाता है। --save-dev , इस तरह प्लगइन हमेशा npm install होने के बाद npm install

प्लगइन लोड हो रहा है

आप का उपयोग gruntfile फ़ाइल में अपने प्लगइन लोड कर सकते हैं loadNpmTasks

grunt.loadNpmTasks('grunt-contrib-jshint');

कार्य को कॉन्फ़िगर करना

आप gruntfile में कार्य को कॉन्फ़िगर करते हैं, जो jshint नामक एक संपत्ति को jshint को दिए गए ऑब्जेक्ट में grunt.initConfig

grunt.initConfig({
  jshint: {
    all: ['Gruntfile.js', 'lib/**/*.js', 'test/**/*.js']
  }
});

मत भूलो कि आपके द्वारा उपयोग किए जा रहे अन्य प्लगइन्स के लिए आपके पास अन्य गुण हो सकते हैं।

कार्य चलाना

प्लगइन के साथ कार्य को चलाने के लिए आप कमांड लाइन का उपयोग कर सकते हैं।

grunt jshint

या आप दूसरे कार्य में jshint जोड़ सकते हैं।

grunt.registerTask('default', ['jshint']);

डिफ़ॉल्ट कार्य टर्मिनल में ग्रंट कमांड के साथ बिना किसी विकल्प के चलता है।



Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow