/ / कैसे WebPack लोड कर सकते हैं बाहरी jQuery और jQuery के काम? - jquery, jquery-plugins, frontend, webpack

WebPack बाहरी jQuery और jQuery libs लोड कैसे कर सकता है? - jquery, jquery-plugins, frontend, webpack

मैं एक ऐसी परियोजना पर काम कर रहा हूं जो बूटस्ट्रैप के साथ एक फ्रंटएंड टेम्पलेट पर आधारित है।

इसलिए मेरी परियोजना में, हमें सभी पृष्ठों में लोड jQuery, jQuery UI और बूटस्ट्रैप और अन्य jQuery प्लगइन्स की आवश्यकता है।

मैं वेबपैक के लिए नया हूं, और वेबपैक.कॉन्फिग.जज द्वारा वैश्विक रूप से उजागर किए गए jQuery को बनाने के लिए बहुत सारे शोध भी किए।

लेकिन मैं यह भी भ्रमित कर रहा हूं कि कैसे jQuery के रूप में अन्य jQuery प्लगइन्स को jQuery के रूप में वैश्विक रूप से उजागर किया जाए?

चूंकि यह कोड jQuery के रूप में $ बनायेगा और वैश्विक रूप से काम करेगा (जब प्रविष्टि फ़ाइलों में $ का उपयोग करने की कोशिश की गई है, तो jQuery को प्रविष्टि फ़ाइल में शामिल किया जाएगा)

मैं jQuery की तरह अन्य jQuery प्लग इन कैसे जोड़ सकता हूं? (जब प्रविष्टि $ का उपयोग करें तो स्वचालित रूप से शामिल किया जाएगा)

जिस तरह से मैंने jQuery को एक्सपोज़ किया था वह एक प्रॉम्प्लगिन है

        new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery"
}),

उत्तर:

जवाब के लिए 0 № 1

आप js-file को सभी आवश्यक निर्भरताओं के साथ परिभाषित कर सकते हैं जो बस jQuery को लौटाते हैं। कुछ इस तरह:

var jquery = require("./jquery.js");
require("./jquery.plugin1.js");
require("./jquery.plugin2.js");

module.exports = jquery;

अब आप "jquery" के बजाय इस मॉड्यूल का उपयोग कर सकते हैं और आपके सभी प्लगइन्स जो इसमें परिभाषित किए गए थे, उपलब्ध होंगे।