सीडीएन

Question

का समर्थन करने के लिए सीएसएस में छवि पथ एक सीडीएन में हमारी छवियों को तैनात करने की कोशिश कर रहा हूं। वर्तमान में सीएसएस के पास हमारी साइट पर छवियों के सापेक्ष पथ हैं। इन पथों को सीडीएन छवि स्थान का समर्थन करने की आवश्यकता होगी। क्या किसी के पास सलाह है कि मैं यह कैसे कर सकता हूं?

या यदि किसी के पास सीडीएन पर तैनाती पर कोई अच्छा ट्यूटोरियल है।

---

इस प्रकार मैंने इसे पूरा करने का अंत किया।

1. मैं एस.ए.एस.एस. इस्तेमाल किया - http://sass-lang.com/
2. मैं एक mixin $ IMAGE_PATH की तरह सामग्री के साथ cdn.scss कहा जाता है: "/ images /";
3. सास शैली @import "cdn.scss" में मिश्रण करें आयात करें
4. छवि पथ अपडेट करें: पृष्ठभूमि: url
5. तैनाती पर मैं mixin.scss में $ IMAGE_PATH चर बदलने और उसके बाद फिर से चलाएं सास

अद्यतन

हम बैश का उपयोग _cdn में फ़ाइल

cat > preprocess/sass/_cdn.scss <<EOT 
\$image_path: "//CDN_URL/"; 

उदाहरण कोड को अद्यतन करने के .scss

$image_path: "/public/images/"; 

फिर यह स्थानीय रूप से डिफ़ॉल्ट रूप से काम करता है , लेकिन उत्पादन पुश पर, हम सीडीएन स्थान

Answer 1

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

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