मैंने निम्नलिखित के साथ एक बहुत ही सरल NPM पैकेज प्रकाशित किया:

module.exports = { foo: "baz" };

जब वेबपैक किया जाता है, तो यह नीचे की रेखा जैसा दिखता है, और इस फ़ाइल को package.json में main प्रॉपर्टी के रूप में संदर्भित किया जाता है।

(()=>{var r={579:r=>{r.exports={foo:"baz"}}},o={};!function t(e){if(o[e])return o[e].exports;var p=o[e]={exports:{}};return r[e](p,p.exports,t),p.exports}(579)})();

अब, एक अलग परियोजना में जब मैं पैकेज स्थापित करता हूं और इसे आयात करने का प्रयास करता हूं, तो मुझे कुछ भी नहीं मिलता है:

const obj = require('mypackage')
console.log(obj)
// => {}
import obj from 'mypackage'
console.log(obj)
// => {}

यहाँ क्या कमी है? मैं इस निर्यात की गई वस्तु को स्थापित एनपीएम पैकेज के माध्यम से कैसे प्राप्त करूं?

1
Tyler 31 अक्टूबर 2020, 03:07
1
ईमानदारी से, इस तरह की चीजों के लिए, मैं सिर्फ microbundle का उपयोग करता हूं
 – 
Derek Pollard
31 अक्टूबर 2020, 03:14
1
यह आपके वेबपैक कॉन्‍फ़िगरेशन के लिए विशिष्‍ट है और किसी और चीज़ के लिए नहीं, लेकिन यह सूचीबद्ध नहीं है। यह कि बंडल छोटा किया गया है मदद नहीं करता है (आपको प्रवेश बिंदु को छोटा नहीं करना चाहिए) लेकिन यह "मॉड्यूल" या "निर्यात" चर का संदर्भ नहीं देता है, यहां समस्या है। यह खाली है module.exports वस्तु जो आयात की जाती है, जबकि आपके निर्यात को किसी और चीज को सौंपा जाता है।
 – 
Estus Flask
31 अक्टूबर 2020, 03:22

1 उत्तर

सबसे बढ़िया उत्तर

वेबपैक कॉन्फ़िगरेशन के साथ खिलवाड़ करने के बजाय, मेरा समाधान वास्तव में Microbundle का उपयोग करना था जैसा कि टिप्पणियों में डेरेक द्वारा सुझाया गया था।

यह तुरंत काम करता है, इसलिए "उत्तर" यह है कि वेबपैक कॉन्फ़िगरेशन में कुछ गड़बड़ है, हालांकि मुझे नहीं पता कि यह क्या था।

1
Tyler 31 अक्टूबर 2020, 03:42