PluggableJs - कुछ पृष्ठों पर जावास्क्रिप्ट को शामिल करने का एक सरल और सुविधाजनक तरीका

प्रस्तावना

यदि आप REL> = 3.1 का उपयोग परिसंपत्ति पाइपलाइन को चालू करने के साथ करते हैं, तो निश्चित रूप से आप जानते हैं कि आवश्यकता के तहत सभी लिपियाँ (और हम उनके बारे में बात करेंगे) एक ही फ़ाइल में संपीड़ित होती हैं और, तदनुसार, सभी पृष्ठों पर चलती हैं। लेकिन क्या होगा यदि जावास्क्रिप्ट के एक टुकड़े को केवल एक पृष्ठ पर और दूसरे पर ज़रूरत न हो? देखो! यह बिलकुल वैसा ही है जैसा कि प्‍लग्‍गेबल_जस हल करता है।

क्यों जाम

आखिरकार, अन्य तरीके हैं (मुझे उम्मीद है कि कोई भी एक दृश्य में कोड नहीं लिखता है)। शायद सबसे स्पष्ट आवश्यक टेम्पलेट में लिखना है:

 <% content_for :head do %> <%= javascript_include_tag 'my_fancy_js' %> 

और आवश्यकता_ट्री से फ़ाइल को बाहर करें। लेकिन इस दृष्टिकोण का माइनस यह है कि किसी विशेष नियंत्रक से संबंधित स्क्रिप्ट एक ही स्थान पर नहीं हैं (जिसका अर्थ है कि इसे खोजना और समझना कठिन है)। इसके अलावा, यदि कोड का एक टुकड़ा बड़ा है, तो हम पाइपलाइन के लाभों को खो देते हैं। जाम में इस्तेमाल किया गया समाधान वर्णित नुकसान को कम करता है।

यह कैसे काम करता है

आप नियंत्रक और क्रियाओं का चयन करते हैं जिनके लिए एक कस्टम स्क्रिप्ट की आवश्यकता होती है, और जनरेटर चलाते हैं:

 rails generate pluggable_js Post index new 

यह दो फाइलें उत्पन्न करेगा जिसमें DOM. लोड के बाद Post.index() और Post.new() फ़ंक्शन को Post.index() किया जाएगा:

 app/assets/javascripts/pluggable/posts/index.js.coffee app/assets/javascripts/pluggable/posts/new.js.coffee 

अब आपको बस उन्हें posts.js.coff में वर्णन करना है:

 window.Post ||= {} Post.index = () -> # your code goes here Post.new = () -> # and here 

और लेआउट में पंजीकृत सहायक <%= javascript_pluggable_tag %> , फ़ाइल को कनेक्ट करेगा यदि यह पथ और वर्तमान नियंत्रक / कार्रवाई मापदंडों के मूल्यों से मेल खाता है। हां, सर्वर के लिए एक अतिरिक्त अनुरोध है, लेकिन यह सिर्फ एक ट्रिगर है।

* मैंने उन बारीकियों को छोड़ दिया जो विवरण के लिए वैकल्पिक हैं, इसलिए विस्तृत निर्देश देखें ।

config

मान लीजिए कि आप एक एक्शन सर्च बनाते हैं, जो (एक्शन इंडेक्स की तरह) इंडेक्स टेम्प्लेट को प्रस्तुत करता है। यह पता चला है कि Post.index() फ़ंक्शन को भी कॉल करने की आवश्यकता है। ऐसा करने के लिए, आप config / initializers / pluggable_js.rb बना सकते हैं और सेटिंग का उपयोग कर सकते हैं:

 PluggableJs.config do |config| config.pair_actions = { 'search' => 'index' } end 

{ 'create' => 'new', 'update' => 'edit' } डिफ़ॉल्ट रूप से पंजीकृत { 'create' => 'new', 'update' => 'edit' } ।

अंत में

नियंत्रक से संबंधित सभी लिपियाँ एक ही स्थान पर हैं। सभी कस्टम फ़ंक्शन पाइपलाइन में आते हैं। और अंत में, हमने js के किसी भी उल्लेख से दृश्य को पूरी तरह से साफ कर दिया।

UPD: आपकी टिप्पणियों के लिए आप सभी का धन्यवाद। ध्यान दें , जाम को अपडेट किया, अब आपको config.assets.precompile में कुछ भी जोड़ने की आवश्यकता नहीं है। बस एक समारोह की घोषणा। यह भूमिकाओं के बारे में सोचना बाकी है। विकल्प के रूप में स्टाइल जैम को देखें।

बहुत योगदान देने वाले , ExReanimator और उनके योगदान के लिए उल्लू का धन्यवाद।