वेबपैक के लिए लोडर ऑर्डर क्या है?

Question 1

जब मेरे पास एक फाइल से मेल खाने वाले कई परीक्षणों के साथ लोडर कॉन्फ़िगरेशन होता है, तो मैं उम्मीद करता हूं कि केवल पहले मिलान लोडर का उपयोग किया जाएगा, लेकिन ऐसा प्रतीत नहीं होता है।

मैंने स्रोत को पढ़ने की कोशिश की , लेकिन जब मुझे लगा कि मुझे लगता है कि लोडिंग लागू करता है तो मुझे समझ नहीं आता कि यह कैसे व्यवहार करता है।

प्रलेखन में यह उल्लेख नहीं किया गया है कि उस स्थिति को या तो कैसे व्यवहार करना चाहिए।

Question 2

{
    test: /\.css$/,
    loaders: ['style'],
},
{
    test: /\.css$/,
    loaders: ['css'],
},

तथा

{
    test: /\.css$/,
    loaders: ['style', 'css'],
},

बराबर होना। फ़ंक्शन के संदर्भ में, यह style(css(file))(धन्यवाद मिगुएल) के समान है।

ध्यान दें कि उनके भीतर loadersका मूल्यांकन दाईं से बाईं ओर किया जाता है ।

Question 3

आधिकारिक प्रलेखन यह वास्तव में अच्छी तरह से समझाता है। दुर्भाग्य से सभी आवश्यक जानकारी प्रलेखन के विभिन्न वर्गों में फैली हुई हैं। मुझे वह सब लपेटना है जो आपको जानना चाहिए।

1।

सुनिश्चित करें कि वे सही क्रम में हैं (ऊपर से नीचे)।

2।

वे कार्य हैं जो एक संसाधन फ़ाइल के स्रोत को पैरामीटर के रूप में लेते हैं और नए स्रोत को वापस करते हैं।

3।

लोडर जंजीर हो सकते हैं। वे संसाधन के लिए एक पाइपलाइन में लागू होते हैं। अंतिम लोडर से जावास्क्रिप्ट लौटने की उम्मीद है; प्रत्येक अन्य लोडर मनमाना प्रारूप में स्रोत लौटा सकता है, जो अगले लोडर को दिया जाता है।

इसलिए...

यदि आपके पास somefile.cssऔर आप के माध्यम से गुजर रहे हैं loaderOne, loaderTwo, loaderThreeएक नियमित रूप से श्रृंखलित समारोह की तरह बर्ताव करती है।

{
    test: /\.css$/,
    loaders: ['loaderOne', 'loaderTwo', 'loaderThree']
}

इसका मतलब बिल्कुल वैसा ही है ...

loaderOne(loaderTwo(loaderThree(somefile.css)))

अगर आप ग्रंट से आ रहे हैं || यह दुनिया को भ्रमित कर रहा है। बस दाएं से बाएं से लोडर ऑर्डर पढ़ें।

Question 4

यह उत्तर मेरे लिए उपयोगी था, लेकिन मैं एक अन्य बिंदु के साथ पूरक करना चाहता हूं जो लोडर ऑर्डर को प्रभावित करता है, जो कि लोडरनेम है! दृष्टिकोण।

मान लें कि आपके पास एक url-loaderउच्च प्राथमिकता के साथ आपके कॉन्फ़िगरेशन में है file-loaderऔर आप बाद वाले के साथ एक छवि पथ आयात करना चाहते हैं । कुछ नहीं करने से फ़ाइल आयात होती है url-loader(जो एन्कोडेड डेटा-url बनाता है)।

आयात को उपसर्ग के साथ file-loader!आयात करना उस लोडर को निर्देशित करेगा।

import image from 'file-loader!./my-img.png'