Node.js
परिवर्तनों पर ऑटोरेलोएड

नोड कोड का उपयोग करके स्रोत कोड परिवर्तन पर ऑटोरेलोएड

जब आप स्रोत कोड में किसी भी फ़ाइल को संशोधित करते हैं तो नोडम पैकेज आपके प्रोग्राम को स्वचालित रूप से पुनः लोड करना संभव बनाता है।

विश्व स्तर पर स्थापित करना

npm install -g nodemon (या npm i -g nodemon )

स्‍थानीय रूप से नोडमॉन स्‍थापित करना

मामले में आप इसे विश्व स्तर पर स्थापित नहीं करना चाहते हैं

npm install --save-dev nodemon (या npm i -D nodemon )

नोडमॉन का उपयोग करना

अपने प्रोग्राम को nodemon entry.js साथ nodemon entry.js (या nodemon entry )

यह node entry node entry.js (या node entry ) के सामान्य उपयोग को प्रतिस्थापित करता है।

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

Package.json जोड़ें :

  "scripts": {
    "start": "nodemon entry.js -devmode -something 1"
  }

इस तरह आप अपने कंसोल से सिर्फ npm start उपयोग कर सकते हैं।

Browsersync

अवलोकन

ब्राउजरसंकट एक उपकरण है जो लाइव फाइल देखने और ब्राउज़र को फिर से लोड करने की अनुमति देता है। यह एनपीएम पैकेज के रूप में उपलब्ध है।

स्थापना

ब्राउजरसंकट स्थापित करने के लिए आपको सबसे पहले Node.js और NPM को इंस्टॉल करना होगा। अधिक जानकारी के लिए Node.js को स्थापित करने और चलाने पर SO दस्तावेज़ देखें।

एक बार आपका प्रोजेक्ट सेट हो जाने के बाद आप निम्न कमांड के साथ ब्राउजरसिंक को स्थापित कर सकते हैं:

$ npm install browser-sync -D

यह स्थानीय node_modules निर्देशिका में node_modules स्थापित करेगा और इसे आपके डेवलपर निर्भरता में बचाएगा।

यदि आप इसे विश्व स्तर पर स्थापित करना चाहते हैं तो -D ध्वज के स्थान पर -g ध्वज का उपयोग करें।

विंडोज उपयोगकर्ता

यदि आपको विंडोज पर ब्राउजरसिंक को स्थापित करने में समस्या आ रही है, तो आपको विजुअल स्टूडियो को स्थापित करने की आवश्यकता हो सकती है ताकि आप ब्राउजरसिंक को स्थापित करने के लिए बिल्ड टूल्स का उपयोग कर सकें। फिर आपको विज़ुअल स्टूडियो के संस्करण को निर्दिष्ट करना होगा जो आप इस तरह से उपयोग कर रहे हैं:

$ npm install browser-sync --msvs_version=2013 -D

यह आदेश दृश्य स्टूडियो के 2013 संस्करण को निर्दिष्ट करता है।

मूल उपयोग

जब भी आप अपनी परियोजना में जावास्क्रिप्ट फ़ाइल बदलते हैं तो अपनी साइट को स्वचालित रूप से पुनः लोड करने के लिए, निम्न कमांड का उपयोग करें:

$ browser-sync start --proxy "myproject.dev" --files "**/*.js"

myproject.dev को उस वेब पते से बदलें, जिसका उपयोग आप अपने प्रोजेक्ट को एक्सेस करने के लिए कर रहे हैं। ब्राउजरसुंट एक वैकल्पिक पते का उत्पादन करेगा जिसका उपयोग प्रॉक्सी के माध्यम से आपकी साइट तक पहुंचने के लिए किया जा सकता है।

उन्नत उपयोग

कमांड लाइन इंटरफ़ेस के अलावा जिसे ब्रॉगरसिंक के ऊपर वर्णित किया गया था, उसका उपयोग ग्रंट.जेएस और गुल्प.जेएस के साथ भी किया जा सकता है।

Grunt.js

Grunt.js के साथ उपयोग के लिए एक प्लगइन की आवश्यकता होती है जिसे इस तरह स्थापित किया जा सकता है:

$ npm install grunt-browser-sync -D

फिर आप इस लाइन को अपने gruntfile.js जोड़ देंगे:

grunt.loadNpmTasks('grunt-browser-sync');

Gulp.js

Browsersync एक रूप में काम करता CommonJS मॉड्यूल, तो एक Gulp.js प्लगइन के लिए कोई आवश्यकता नहीं है। बस मॉड्यूल की आवश्यकता है जैसे:

var browserSync = require('browser-sync').create();

अब आप इसे अपनी आवश्यकताओं को कॉन्फ़िगर करने के लिए ब्राउजरसिंक एपीआई का उपयोग कर सकते हैं।

एपीआई

ब्राउजरसिंक एपीआई यहां पाया जा सकता है: https://browsersync.io/docs/api