वेबपैक में प्लगइन्स

वेबपैक कार्यों की एक सीमित श्रृंखला करता है। क्षमताओं को बढ़ाने के लिए अतिरिक्त प्लगइन्स इंस्टॉल और कनेक्ट करने की आवश्यकता होती है।

आइए प्लगइन्स को इंस्टॉल और कनेक्ट करने की सामान्य प्रक्रिया देखें। इसके लिए मान लीजिए कि हमारे पास एक काल्पनिक प्लगइन test-webpack-plugin है। आइए इसके उदाहरण पर प्लगइन्स के साथ काम करना देखें (नीचे दिया गया कोड केवल एक योजना है, क्योंकि वास्तव में ऐसा कोई प्लगइन नहीं है)।

तो, सबसे पहले प्लगइन को npm के माध्यम से इंस्टॉल करना होगा:

terminalnpm install test-webpack-plugin --save-dev

इसके बाद प्लगइन को कॉन्फ़िगरेशन फ़ाइल में इम्पोर्ट करना होगा:

webpack.config.jsimport TestWebpackPlugin from 'test-webpack-plugin';

फिर इस प्लगइन को plugins सेटिंग में कॉल करना होगा:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [new TestWebpackPlugin()],
};

plugins सेटिंग में एक नहीं, बल्कि कई प्लगइन हो सकते हैं:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new TestWebpackPlugin1(),
    new TestWebpackPlugin2()
  ],
};