एसेट पाइपलाइन के लिए नुस्खा

पोस्ट पिछले संस्करणों से रूबी 3.1 पर रूबी में संक्रमण के बाद एसेट पाइपलाइन के माध्यम से छवियों के साथ सही काम के विभिन्न परिकल्पनाओं के लंबे परीक्षण से प्रेरित है।

तो, चुनौती

CSS फ़ाइल में, संपत्ति फ़ोल्डर में स्थित छवि को निर्दिष्ट करें। उत्पादन वातावरण में छवि को पूर्वनिर्मित किया जाना चाहिए।
ऐसा लगता है कि इस तरह के एक आधिकारिक गाइड , अंत में गाइड का एक अनुकूलित अनुवाद , एक स्क्रीनकास्ट है । यहां नियम "यह सिर्फ काम करता है" केवल तभी काम करता है जब आपने संवेदनशील बिंदुओं पर अपने (या अन्य) को हाथ नहीं लगाने दिया। कौन से हैं?

निर्णय

प्रयोगों के दौरान, केवल एक परिकल्पना की पुष्टि की गई थी, जो प्रस्तुति की सुविधा के लिए, आसानी से कई भागों में विभाजित है।
फ़ाइल ट्री कुछ इस तरह दिखेगा (.bb एक कानाफूसी है, सैस-रेल इंजन के माध्यम से काम भी संभव है):

ऐप /
... संपत्ति /
....... चित्र /
……… rails.png
....... स्टाइलशीट /
……… application.css.erb

1. precompiling के लिए हम रेक एसेट्स का उपयोग नहीं करते हैं: प्रीकंपाइल, लेकिन थोड़ा सा रेडेक रेक कार्य
मुझे कभी-कभार कोई त्रुटि हुई
rake assets:precompile
rake aborted! rails.png isn't precompiled
मुझे उसकी उपस्थिति का कारण समझ में नहीं आया, लेकिन मुझे पता है कि मैं केवल एक ही नहीं हूँ: इस समस्या का समाधान गितुब पर पाया गया था।

2. सीएसएस में पथ को निर्दिष्ट करने के लिए, हम एरब टेम्पलेट इंजन के एसेट_पैथ हेल्पर का उपयोग करते हैं।
एसएएस के लिए सहायकों का एक समूह है , लेकिन उनमें से किसी ने भी मेरी परियोजना में काम नहीं किया है, मैं अभी तक इसका उपयोग नहीं करता हूं।
Application.css.erb की सामग्री:
#header { background-image: url(<%= asset_path("rails.png") %>)

Sass (application.css.scss) का उपयोग करने के मामले में:
#header { background-image: image_url('rails.png') }

3. सेटिंग्स उत्पादन। आरबी, जो भी एक भूमिका निभाते हैं:
config.assets.compile = false #
config.assets.digest = true # ( )
config.action_dispatch.x_sendfile_header = "X-Sendfile" # 'X-Accel-Redirect' nginx, , http-server
आखिरी लाइन ने मुझे बहुत परेशान किया जब मैंने स्थानीय मशीन पर शुरुआत की:
छवि "लोकलहोस्ट: 3000 / एसेट्स / रेल्स-s43o54m765t656ed76i8gest.png" नहीं दिखाई जा सकती क्योंकि इसमें त्रुटियां हैं।
समस्या यह थी कि वेबब्रिक http सर्वर x_sendfile_header निर्देश का समर्थन नहीं करता है (हो सकता है कि मैं गलत हूँ, लेकिन वहाँ कुछ निश्चित रूप से काम नहीं करता है)।

निष्कर्ष

बेशक, मैंने अभी भी इस विषय का पता नहीं लगाया है, लेकिन, जैसा कि अलेक्जेंडर सर्जयेविच ने इसे रखा था,
ओह, हमारे पास कितनी अद्भुत खोजें हैं
आत्मज्ञान भावना तैयार करें

UPD : एक गितुब परियोजना बनाई, जिसमें दिखाया गया कि कैसे सास-रेल का उपयोग किया जाए