AngularJS
ग्रन्ट कार्य

आवेदन स्थानीय स्तर पर चलाएं

उदाहरण के बाद कि आवश्यकता है Node.js स्थापित किया गया है और NPM उपलब्ध है।
पूरा काम कोड GitHub @ https://github.com/mikkoviitala/angular-grunt-run-local से देखा जा सकता है

आमतौर पर नए वेब एप्लिकेशन को विकसित करते समय आप जो कुछ करना चाहते हैं, उनमें से एक यह है कि इसे स्थानीय स्तर पर चलाया जाए।

नीचे आपको पूरा उदाहरण मिलेगा कि ग्रंट (जावास्क्रिप्ट टास्क रनर), npm (नोड पैकेज मैनेजर) और बोवर (अभी तक एक और पैकेज मैनेजर) का उपयोग करके।

अपनी वास्तविक एप्लिकेशन फ़ाइलों के अलावा आपको ऊपर बताए गए टूल का उपयोग करके कुछ तृतीय पक्ष निर्भरताएं स्थापित करनी होंगी। आपकी परियोजना निर्देशिका में, अधिमानतः रूट , आपको तीन (3) फ़ाइलों की आवश्यकता होगी।

• package.json (npm द्वारा प्रबंधित निर्भरता)
• bower.json (बावर द्वारा प्रबंधित निर्भरताएं)
• gruntfile.js (ग्रन्ट कार्य)

तो आपकी परियोजना निर्देशिका ऐसी दिखती है:

package.json

हम अपने जीवन को आसान नाम से फिल्टर निर्भरता करने की अनुमति बनाने के लिए घुरघुराना ही है, matchdep इंस्टॉल करने वाले हैं, घुरघुराना-एक्सप्रेस एक घुरघुराना कार्य से घुरघुराना और घुरघुराना खुले खुले यूआरएल / फ़ाइलों के लिए के माध्यम से एक्सप्रेस वेब सर्वर शुरू करने के लिए इस्तेमाल किया।

इसलिए ये पैकेज "इन्फ्रास्ट्रक्चर" के बारे में हैं और जिन सहायकों पर हम अपना एप्लिकेशन बना रहे हैं।

{
  "name": "app",
  "version": "1.0.0",
  "dependencies": {},
  "devDependencies": {
    "grunt": "~0.4.1",
    "matchdep": "~0.1.2",
    "grunt-express": "~1.0.0-beta2",
    "grunt-open": "~0.2.1"
  },
  "scripts": {
    "postinstall": "bower install"
  }
}

bower.json

बोवर सामने के सिरे के बारे में है (या कम से कम होना चाहिए) और हम इसे कोणीय स्थापित करने के लिए उपयोग करेंगे।

{
  "name": "app",
  "version": "1.0.0",
  "dependencies": {
    "angular": "~1.3.x"
  },
  "devDependencies": {}
}

gruntfile.js

Gruntfile.js के अंदर हमारे पास वास्तविक "स्थानीय रूप से चल रहा एप्लिकेशन" जादू होगा, जो हमारे एप्लिकेशन को नई ब्राउज़र विंडो में खोलता है, जो http: // localhost पर चल रहा है : 9000 /

'use strict';

// see http://rhumaric.com/2013/07/renewing-the-grunt-livereload-magic/

module.exports = function(grunt) {
  require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
 
  grunt.initConfig({
    express: {
      all: {
        options: {
          port: 9000,
          hostname: 'localhost',
          bases: [__dirname]
        }
      }
    },
 
    open: {
      all: {
        path: 'http://localhost:<%= express.all.options.port%>'
      }
    }
  });
 
  grunt.registerTask('app', [
    'express',
    'open',
    'express-keepalive'
  ]);
};

प्रयोग

अपने आवेदन को प्राप्त करने और खरोंच से चलाने के लिए, अपनी परियोजना की रूट निर्देशिका (कोई भी खाली फ़ोल्डर करेगा) से ऊपर की फ़ाइलों को सहेजें। फिर सभी आवश्यक निर्भरताएं स्थापित करने के लिए कंसोल / कमांड लाइन और निम्नलिखित में टाइप करें।

npm install -g grunt-cli bower
npm install

और फिर अपने एप्लिकेशन का उपयोग करके चलाएं

grunt app

ध्यान दें कि हां, आपको अपनी वास्तविक एप्लिकेशन फ़ाइलों की आवश्यकता होगी।
लगभग-न्यूनतम उदाहरण के लिए इस उदाहरण की शुरुआत में उल्लेखित GitHub रिपॉजिटरी को ब्राउज़ करें।

वहाँ संरचना अलग नहीं है। वहाँ सिर्फ है index.html टेम्पलेट, में कोणीय कोड app.js और में कुछ शैलियों app.css । अन्य फाइलें Git और एडिटर कॉन्फ़िगरेशन और कुछ सामान्य सामानों के लिए हैं। कोशिश करो!