क्या एक रेलवे बूटस्ट्रैप थीम को रेल 3 एप्लिकेशन में फोल्ड करने के लिए "रेलवे वे" है?

Question

मैंने उन्हें एक अच्छा दिखने वाला ट्विटर बूटस्ट्रैप खरीदा है जो कि मेरे रेल 3.2.8 एप्लिकेशन को मसाला देने जा रहा है। पैकेज में निम्नलिखित निर्देशिकाएं हैं:

/css 
/img 
/js 

बेशक इन फ़ाइलों में एक दूसरे के सापेक्ष लिंक होंगे। क्या इस प्रकार की चीजें परिसंपत्ति पाइपलाइन में एकीकृत करने का एक मानक तरीका है, या क्या यह अभी भी इसे सार्वजनिक रूप से रखने के लिए एक मानक अभ्यास है?

Answer 1

आप संपत्ति पाइपलाइन का उपयोग करना चाहेंगे। सबकुछ उस दिशा को आगे बढ़ा रहा है और यह वास्तव में कोई कठिन नहीं है (जब यह है)। आपकी फाइलें /app/assets/ निर्देशिका में जाएंगी।

सीएसएस के लिए, आपको इसे app/assets/stylesheets/ में छोड़ने में सक्षम होना चाहिए, बस सुनिश्चित करें कि बूटस्ट्रैप पहले शामिल है। ऐसे कई रत्न हैं जो बूटस्ट्रैप की फ़ाइलों को शामिल करना आसान बनाता है। मैं bootstrap-sass का उपयोग करता हूं, लेकिन आप twitter-bootstrap-rails भी कोशिश कर सकते हैं (यदि आप सैस समर्थन चाहते हैं या नहीं) पर निर्भर करता है। किसी एक के साथ, उन रीडम्स को देखें जिन्हें मैंने लिंक किया था क्योंकि उनमें कुछ उपयोगी विवरण शामिल हैं जिन्हें आप प्रत्येक मणि के लिए जानना चाहते हैं।

जावास्क्रिप्ट के लिए, यह एक ही चीज़ के बारे में होना चाहिए। आपकी application.js फ़ाइल में, सुनिश्चित करें कि थीम में //= require_tree . से पहले किसी भी कस्टम जावास्क्रिप्ट को जोड़ने के लिए बूटस्ट्रैप शामिल है। मैंने पहले सूचीबद्ध दोनों रत्नों में बूटस्ट्रैप के लिए जावास्क्रिप्ट फ़ाइलों को भी शामिल किया है। आप विवरण देखने के लिए अपने दस्तावेज पढ़ सकते हैं (यह लगभग दोनों रत्नों के लिए सामान्य के समान ही है)।

जहां तक ​​छवियों का संबंध है, उन्हें app/assets/images/ निर्देशिका में डाल दें और आपको स्टाइलशीट को काम करने के लिए थोड़ा सा बदलना होगा। जब स्टाइलशीट में एक छवि घोषित की जाती है, जैसे background: url('./images/bg.jpg');, तो आपको image_path सहायक का उपयोग करने की आवश्यकता होगी, इसलिए यह background: url(image_path('bg.jpg')); जैसा दिखाई देगा। नोटिस मैंने अभी छवि का नाम शामिल किया है। संपत्ति पाइपलाइन स्वचालित रूप से आपके लिए सही पथ पर इसका विश्लेषण करेगी।

विषय किसी भी कस्टम फ़ॉन्ट होंगे, तो आप अपने @ फॉन्ट-फेस घोषणा में तो जैसे asset_path सहायक का उपयोग कर को छोड़कर छवियों के रूप में ऐसा ही करेंगे:

url(asset-path('museo700.ttf', font)); 

वहाँ भी कर रहे हैं विशेष प्रकार आप सहायकों font-path, image-path, आदि का उपयोग कर सकते हैं या तो asset-path किसी प्रकार के घोषित या टाइप-विशिष्ट सहायक के साथ काम करेगा, केवल उस व्यक्ति के साथ संगत रहें जिससे आप भ्रम उत्पन्न नहीं कर सकते।

आप app/assets/fonts/ जैसे किसी निर्देशिका में कस्टम फ़ॉन्ट्स डाल सकते हैं। संपत्ति पाइपलाइन स्वचालित रूप से उन्हें पाई जाएगी, क्योंकि वे संपत्ति निर्देशिका में हैं।