2015-06-01 7 views
8

मुझे स्टाइलशीट स्थानीय के सापेक्ष होने के लिए सभी Iamges की आवश्यकता है। अगर मैं रूट = जोड़ता हूं। , जिसे मैंने यूआरएल (/ पथ /) में प्रस्तुत किया है, तो मुझे फ़ाइल लोडर जोड़ने की जरूरत है और पथ वैसे भी गलत है।वेबपैक सीएसएस-लोडर छवि पथ स्टाइलशीट स्थान के सापेक्ष बने रहने की आवश्यकता है

यदि मैं सीधे सीएसएस में सापेक्ष पथ लिखता हूं तो मुझे फ़ाइल लोडर का उपयोग करने की भी आवश्यकता होती है। यदि मैं सीएसएस में गैर-सापेक्ष पथ लिखता हूं तो सीएसएस पथ में कोई बदलाव नहीं होता है लेकिन छवियों को लोड नहीं किया जा सकता क्योंकि वे स्टाइलशीट स्थान के सापेक्ष होना चाहिए, उनके लिए ठीक से लोड होने का कोई और तरीका नहीं है। मैं एक्स्ट्रेक्ट टेक्स्टप्लगिन का उपयोग सीएसएस के लिए अलग-अलग फाइलों के लिए भी करता हूं लेकिन एक्स्ट्रेक्ट टेक्स्टप्लगिन के साथ या बिना पथ गलत हैं।

उत्तर

12

यह पता लगाया। फ़ाइल लोडर में नाम = [पथ] [नाम]। [Ext] जोड़ने की आवश्यकता है।

{ test: /\.jpg$/, loader: "file-loader?name=[path][name].[ext]" } 
+2

क्या आप अपनी वेबपैक कॉन्फ़िगरेशन पोस्ट कर सकते हैं। मैं इसी तरह की स्थिति में हूं और इसे काम करने के लिए, कॉन्फ़िगर के प्रासंगिक विकल्पों को देखने की आवश्यकता है। धन्यवाद :) – redhead

+0

यह मेरे लिए काम किया, कोई विचार नहीं। वेबपैक सिर्फ काला जादू है! मैं भी एक पूर्ण सार्वजनिक पथ उपयोग कर रहा हूँ: 'उत्पादन: { \t \t पथ: एपीपी, \t \t फ़ाइल नाम: 'bundle.js', \t \t publicPath: '/ दुकान' \t}' – cnlevy

+0

@Andreas - आपने सीएसएस फ़ाइल में क्या पास किया? – Monkviper

संबंधित मुद्दे