Node.js
ब्राउज़र के साथ 'आवश्यक' त्रुटि को हल करने के लिए Browserfiy का उपयोग करना
खोज…
उदाहरण - file.js
इस उदाहरण में हमारे पास file.js नामक एक फाइल है।
मान लेते हैं कि आपको जावास्क्रिप्ट और NodeJS क्वेरिस्ट्रिंग मॉड्यूल का उपयोग करके एक URL पार्स करना है।
यह सब पूरा करने के लिए आपको अपनी फ़ाइल में निम्न कथन सम्मिलित करना होगा:
const querystring = require('querystring');
var ref = querystring.parse("foo=bar&abc=xyz&abc=123");
यह स्निपेट क्या कर रहा है?
ठीक है, पहले, हम एक क्वेरिस्ट्रिंग मॉड्यूल बनाते हैं जो URL क्वेरी स्ट्रिंग को पार्स करने और स्वरूपण करने के लिए उपयोगिताओं को प्रदान करता है। इसका उपयोग करके पहुँचा जा सकता है:
const querystring = require('querystring');
उसके बाद, हम .parse () पद्धति का उपयोग करके एक URL पार्स करते हैं। यह कुंजी और मूल्य युग्मों के संग्रह में एक URL क्वेरी स्ट्रिंग (str) पार्स करता है।
उदाहरण के लिए, क्वेरी स्ट्रिंग 'foo=bar&abc=xyz&abc=123' में पार्स किया गया है:
{ foo: 'bar', abc: ['xyz', '123'] }
दुर्भाग्य से, ब्राउज़रों को परिभाषित विधि की आवश्यकता नहीं है, लेकिन Node.js करता है।
Browserfy स्थापित करें
Browserify के साथ आप उस कोड को लिख सकते हैं जिसका उपयोग करने के लिए उसी तरह की आवश्यकता होती है जिस तरह से आप इसे नोड में उपयोग करते हैं। तो, आप इसे कैसे हल करते हैं? यह आसान है।
- पहले नोड स्थापित करें, जो npm के साथ जहाज। फिर करो:
npm इंस्टॉल -g ब्राउजराइज़ करें
- निर्देशिका जिसमें आपकी file.js है और NPM के साथ हमारे क्वेरी स्ट्रिंग मॉड्यूल स्थापित करें में बदलें:
NPM querystring स्थापित
नोट: यदि आप विशिष्ट निर्देशिका में नहीं बदलते हैं, तो कमांड विफल हो जाएगी क्योंकि इसमें वह फ़ाइल नहीं मिल सकती है जिसमें मॉड्यूल शामिल है।
- अब पुन: ब्राउजर कमांड के साथ बंडल.जेएस (या जो भी आप इसे नाम देना चाहते हैं) नामक फ़ाइल में शुरू होने वाले सभी आवश्यक मॉड्यूल को पुन: बंडल करें।
browserify file.js -ओ bundle.js
ब्राउज़र की आवश्यकता के लिए सार सिंटैक्स ट्री को पार्स करता है () आपके संपूर्ण निर्भरता ग्राफ को पार करने के लिए कहता है
- अंत में अपने HTML में एक टैग लगाएं और आपका काम हो गया!
<script src="bundle.js"></script>
क्या होता है कि आपको अपनी पुरानी .js फ़ाइल ( file.js जो है) और आपकी नई बनी बंडल फ़ाइल का संयोजन मिलता है। उन दो फाइलों को एक सिंगल फाइल में मिला दिया जाता है।
महत्वपूर्ण
कृपया ध्यान रखें कि यदि आप अपनी फ़ाइल में कोई बदलाव करना चाहते हैं। जेएस और आपके कार्यक्रम के व्यवहार को प्रभावित नहीं करेगा। यदि आप नए बने बंडल को संपादित करते हैं तो आपके परिवर्तन केवल प्रभावी होंगे
इसका क्या मतलब है?
इसका मतलब है कि यदि आप किन्हीं कारणों से file.js को संपादित करना चाहते हैं, तो परिवर्तनों का कोई प्रभाव नहीं पड़ेगा। आपको वास्तव में bundle.js को एडिट करना होगा क्योंकि यह bundle.js और file.js का एक मर्ज है।