क्या प्रोजेक्ट फ़ोल्डर के बाहर बंडल घटकों को बनाना/जोड़ना संभव है?

फ़ोल्डर संरचना

Project1
--src
----components

Project2
--src
----components

एक प्रोजेक्ट से दूसरे प्रोजेक्ट में कंपोनेंट्स जोड़ने के लिए webpack.config.js में क्या किया जाना चाहिए (यह मानते हुए कि node_modules समान हैं)। वेबपैक3 का उपयोग करना।

3
Andrey Safonov 31 अक्टूबर 2018, 16:40

1 उत्तर

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

जहां आप अपनी आउटपुट जानकारी निर्दिष्ट करते हैं, वहां आप उच्च स्तरीय निर्देशिकाओं तक पहुंचने के लिए path.resolve के साथ .. का उपयोग कर सकते हैं।

तो आप अपने webpack.config में पथ जोड़ेंगे:

const path = require("path");

और फिर अपने बिल्ड कॉन्फ़िगरेशन के भीतर जिसे आप निर्यात कर रहे हैं, आप अपने पथ को इस तरह संशोधित कर सकते हैं, जो आपकी कॉन्फ़िगरेशन फ़ाइल के स्थान से तीन फ़ोल्डर्स dist फ़ोल्डर में जाएगा:

output: {
    path: path.resolve(__dirname, "./../../../dist"),
    filename: "app.bundle.js"
}

__dirname एक वैश्विक केवल-पढ़ने के लिए चर है जिसे स्वचालित रूप से आपके webpack.config.js के पथ पर सेट किया जाना चाहिए।

यदि आप बाहरी स्रोत से निर्माण का स्रोत बनाना चाहते हैं, तो आप इसी तरह से अन्य प्रोजेक्ट में अपना प्रवेश बिंदु सेट करने में सक्षम होना चाहिए। इस उदाहरण में, पथ आपके वेबकॉन्फ़िगर के पथ से दो स्तरों को ऊपर ले जाएगा और फिर Project2, src, components के अंतर्गत app.tsx का पता लगाएगा।

entry: [ path.resolve(__dirname, "./../../Project2/src/components") + "/app.tsx" ]
2
Kevin M. Lapio 31 अक्टूबर 2018, 14:48