Looking for gruntjs Answers? Try Ask4KnowledgeBase
Looking for gruntjs Keywords? Try Ask4Keywords

gruntjsग्रन्टज के साथ शुरुआत करना


टिप्पणियों

यह अनुभाग इस बात का अवलोकन प्रदान करता है कि ग्रंटज क्या है, और क्यों एक डेवलपर इसका उपयोग करना चाहता है।

यह ग्रंटज के भीतर किसी भी बड़े विषयों का भी उल्लेख करना चाहिए, और संबंधित विषयों के लिए लिंक करना चाहिए। चूंकि ग्रंजज के लिए दस्तावेज़ीकरण नया है, इसलिए आपको उन संबंधित विषयों के प्रारंभिक संस्करण बनाने की आवश्यकता हो सकती है।

संस्करण

संस्करण रिलीज़ की तारीख
0.3.0 2012-07-30
0.4.0 2013-02-17
0.4.1 2013-03-12
0.4.2 2013-11-20
0.4.3 2014-03-06
0.4.4 2014-03-13
0.4.5 2014-05-11
1.0.0 2016/04/04
1.0.1 2016/04/05

मदद

निम्नलिखित को देखने के लिए ग्रन्ट चलाएं:

  • कमांड लाइन पैरामीटर
  • वर्तमान निर्देशिका के ग्रंटफाइल में सभी उपलब्ध स्टैंडअलोन कार्य
  • वर्तमान निर्देशिका के ग्रंटफाइल में कार्यों के प्रत्येक सूट के सभी उप-प्रकार

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

Prerequesites

ग्रंट को Node.js और npm को स्थापित करने की आवश्यकता होती है। यदि आपके पास अपनी मशीन पर Node.js और / या npm स्थापित नहीं है, तो https://nodejs.org पर जाएं और अपने ऑपरेटिंग सिस्टम के लिए इंस्टॉलर या पैकेज डाउनलोड करें।

पहली बार स्थापित करें

यदि आप पहली बार ग्रंट स्थापित कर रहे हैं, तो आपको सबसे पहले वैश्विक रूप से ग्रंट कमांड-लाइन इंटरफेस पैकेज grunt-cli स्थापित करना होगा।

npm install -g grunt-cli

यह वैश्विक रूप से ग्रंट के लिए कमांड-लाइन इंटरफ़ेस स्थापित करता है ताकि आप अपनी परियोजना में ग्रंट के स्थानीय संस्करण को चला सकें।

आप यह सत्यापित कर सकते हैं कि आपके पास निम्न कमांड चलाकर grunt-cli पैकेज स्थापित किया गया है:

grunt --version
 

यह आपके grunt-cli पैकेज के कम से कम वर्तमान संस्करण को प्रिंट करना चाहिए।

अपनी परियोजना में ग्रंट स्थापित करना

आप के बाद grunt-cli और चल रहा है, तो आप वास्तविक स्थापित कर सकते हैं grunt कार्य धावक और अपना पहला ग्रंट पैकेज grunt-contrib-jshint :

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

यह NPM संकुल प्रबंधक से संकुल को डाउनलोड करता है और उन्हें आपके package.json फ़ाइल में devDependencies रूप में बचाता है।

Gruntfile

आगे आपको अपने प्रोजेक्ट रूट में एक Gruntfile.js की जरूरत है जो Gruntfile.js कार्यों के लिए एक कॉन्फ़िगर फ़ाइल के रूप में कार्य करता है:

module.exports = function(grunt) {

    grunt.initConfig({
        jshint: {
            files: ['Gruntfile.js'],
        }
    });

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


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

यह फ़ाइल तीन काम करती है:

  1. यह ग्रन्ट को एनपीएम पैकेज से grunt-contrib-jshint कार्य को लोड करने के लिए कहता है
  2. यह jshint कार्य को Gruntfile.js फ़ाइल के विरुद्ध चलाने की सलाह Gruntfile.js
  3. यह default से jshint कार्य बनाता है जो jshint कार्य चलाता है

ग्रंट चल रहा है

अपना प्रोजेक्ट सेट करने के बाद आप कॉल करके ग्रंट के default कार्य को चला सकते हैं:

grunt

ऊपर यह आग grunt-cli कि स्थानीय चलाता grunt जो एक ग्रंट कार्य नामित के लिए दिखता default जो कहा जाता है काम चलाने के लिए कॉन्फ़िगर किया गया है jshint

चल रहे कार्य

विन्यास में कार्य

grunt.initConfig सभी गुण मान्य कार्य हैं, इसलिए यदि आपका ग्रंटफ़ाइल ऐसा दिखता है:

module.exports = function(grunt) {

    grunt.initConfig({
        jshint: {
            files: ['Gruntfile.js'],
        }
    });

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


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

शेल कमांड $ grunt jshint jshint टास्क jshint

लक्ष्य के साथ कार्य

कार्य के अलग-अलग लक्ष्य हो सकते हैं। उदाहरण के लिए कोड का यह स्निपेट लें:

    grunt.initConfig({
        jshint: {
            gruntfile: {
                files: ['Gruntfile.js']
            },
            project: {
                files: 'src/**/*.js'
            }
        }
    });
 

यहाँ, jshint gruntfile या आपके प्रोजेक्ट की सभी जावास्क्रिप्ट फ़ाइलों को लक्षित कर सकता है। यदि हम $ grunt jshint चलाते हैं, तो दोनों लक्ष्यों का उपयोग किया जाएगा, लेकिन अगर हम $ grunt jshint:gruntfile लिंटर को केवल ग्रंटफाइल पर लागू किया जाएगा।

पंजीकृत कार्य

इस grunt.registerTask('default', ['jshint']); तरह पंजीकृत डिफ़ॉल्ट कार्य grunt.registerTask('default', ['jshint']); शेल कमांड $ grunt साथ चलेगा।

नए पंजीकृत कार्य ग्रंट को कमांड लाइन तर्क के रूप में अपना नाम पारित करने के लिए चलाएंगे। उदाहरण के लिए:

grunt.registerTask('gruntfile', ['jshint:gruntfile']);
 

$ grunt gruntfile साथ $ grunt gruntfile