2016-12-21 27 views
6

के साथ गतिशील रूप से सीएसएस फ़ाइल लोड करने का कोई तरीका है वेबपैक में एक कोड स्प्लिटिंग feture (आवश्यकताएँ .ensure या System.import का उपयोग करें) जो हमें गतिशील रूप से हमारी जेएस फ़ाइलों को लोड करता है। लेकिन मैं जानना चाहता हूं कि सीएसएस फ़ाइल को गतिशील रूप से लोड करने का कोई तरीका है या नहीं?वेबपैक

यह बहुत अजीब है क्योंकि मैं अपनी जेएस फाइलों को गतिशील रूप से लोड करता हूं जबकि मैं केवल एक बार में अपनी सीएसएस फाइल लोड करता हूं।

मेरी प्रोजेक्ट में, मैं अपनी सीएसएस फ़ाइलों को पृथक प्रविष्टियों में बना देता हूं और अतिरिक्त सीएसएस फ़ाइलों के रूप में उन्हें संकलित करने के लिए एक्स्ट्रेक्ट टेक्स्टक्विन का उपयोग करता हूं। और उन्हें लिंक टैग में लोड करें।

उत्तर

1

आप कर सकते हैं, लेकिन उन्हें सीएसएस फाइलों (एक्स्ट्रेक्ट टेक्स्टप्लगिन के साथ) के रूप में लोड नहीं किया जाएगा, लेकिन जेएस से स्टाइल लोडर (जो बिल्कुल ठीक है) से इंजेक्शन दिया गया है।

ऐसा करने के लिए केवल कुछ ही चीजें हैं। सुनिश्चित करें कि आपने अपना सीएसएस/एसएएसएस/कम /..- लोडर सही तरीके से स्थापित किया है। अगर ExtractTextPlugin पहले से ही काम करता है तो आप उस बिंदु पर अच्छे हैं। फिर यह सुनिश्चित करें कि आपके लोडर में fallbackLoaderstyle-loader (और allChunks डिफ़ॉल्ट पर सेट करें: false) पर सेट करें।

उस बिंदु पर, बस अपनी सीएसएस फ़ाइलों की आवश्यकता/आयात करने के लिए require.ensure या System.import का उपयोग करें, जैसा कि आप कोड के साथ करेंगे। वेबपैक के जादू के लिए धन्यवाद, चीजें सिर्फ जादुई काम करेंगे!

+0

ऐसा लगता है कि यह काम नहीं करता है। क्या आप मुझे एक उदाहरण दे सकते हैं? – Zero

+1

वेबपैक सीएसएस फ़ाइल संकलित करता है। हालांकि, System.import ('cssfile') css फ़ाइल लोड नहीं करता है। – Zero

+0

ठीक है, मुझे मिल गया। मुझे लगता है कि मैं कुछ गलत कर रहा हूँ। किसी भी तरह से, यह अब काम करता है। बहुत बहुत धन्यवाद – Zero