जावास्क्रिप्ट - ट्विटर बूटस्ट्रैप jquery plugins उत्पादन के लिए संकलित नहीं

Question

मैं seyhunak's gem का उपयोग कर ट्विटर बूटस्ट्रैप के साथ एक 3.1 रेल ऐप विकसित कर रहा हूं।

group :assets do 
    gem 'sass-rails', '~> 3.1.5' 
    gem 'coffee-rails', '~> 3.1.1' 
    gem 'uglifier', '>= 1.0.3' 
    gem "twitter-bootstrap-rails" 
end 

और application.js फ़ाइल:

RAILS_ENV=production bundle exec rake assets:precompile 

मणि फ़ाइल का उपयोग करना:

उत्पादन मोड पर, मैं पाइप लाइन के माध्यम से precompilation बुनियादी बूटस्ट्रैप सीएसएस और जे एस का उपयोग करने में सक्षम था

//= require_tree . 

//= require jquery 
//= require jquery_ujs 
//= require twitter/bootstrap 
//= require bootstrap-tab 
//= require bootstrap-modal 
//= require bootstrap-dropdown 
//= require bootstrap-popover 

एप्लिकेशन बूटस्ट्रैप प्लगइन्स जैसे मो के अलावा ठीक काम करता है दाल और ड्रॉपडाउन।

/vendor/assets/javascripts/bootstrap-dropdown.js 
... 

मैं या यकीन नहीं है कि इन फ़ाइलों precompiled किया जा रहा है नहीं कर रहा हूँ नहीं, मैं कैसे ऐसा करने के लिए प्रबंधन कर सकते हैं: इन प्लग इन के रूप स्थिर जावास्क्रिप्ट लाइब्रेरियों विक्रेता संपत्ति निर्देशिका के अंदर मौजूदा मौजूद हैं?

Answer 1

इसे मिला!

यह बूटस्ट्रैप की समस्या नहीं थी, बल्कि उचित रूप से पूर्ववर्ती jQuery के साथ। व्यक्तिगत प्लगइन के लिए जावास्क्रिप्ट फ़ाइलों को शामिल करने की आवश्यकता नहीं है। वे पहले से ही मुख्य ट्विटर/बूटस्ट्रैप में शामिल हैं।

समस्या इस प्रकार फिर से व्यवस्था करने javascripts फ़ाइलों द्वारा हल किया गया था:

application.js

//= require jquery 
//= require jquery_ujs 
//= require twitter/bootstrap 

Gemfile

group :assets do 
    gem 'sass-rails', '~> 3.1.5' 
    gem 'coffee-rails', '~> 3.1.1' 
    gem 'uglifier', '>= 1.0.3' 
    gem "twitter-bootstrap-rails" 
end 

gem 'jquery-rails', '>= 1.0.12' 

संपत्ति Precompling और काम किया!

Answer 2

अपने /vendor/assets/javascripts जगह निम्नलिखित सामग्री के साथ एक फ़ाइल vendor_js.js में:

//= require_tree . 

अब में अपने /app/assets/javascripts/application.js एक लाइन

//= require vendor_js 

आप केवल करने के लिए vendor_js.js अनुकूलित कर सकते हैं शामिल हैं

विशिष्ट विक्रेता के लिए प्लगइन शामिल उदाहरण के लिए विक्रेता जावास्क्रिप्ट निर्देशिका के भीतर केवल बूटस्ट्रैप ड्रॉपडाउन को शामिल करने के लिए //= require bootstrap-dropdown का उपयोग करके।

अद्यतन टिप्पणियाँ

प्रतिबिंबित करने के लिए जब से तुम विक्रेता/javascripts में बूटस्ट्रैप जे एस फ़ाइलें डाल मैन्युअल, कृपया अपनी application.js से सभी बूटस्ट्रैप से संबंधित require रों हटाने और जैसा कि ऊपर उल्लेख उन्हें vendor_js.js में पेस्ट करें। सुनिश्चित करें कि आपको सही रास्ता मिल गया है (यदि आप फ़ाइलों को उपनिर्देशिका में डालते हैं)। यह भी सुनिश्चित करें कि प्रत्येक फ़ाइल को अलग से शामिल करना और पॉपओवर से पहले टूलटिप को शामिल करना सुनिश्चित करें, क्योंकि पॉपओवर टूलटिप पर पहले लोड होने पर निर्भर करता है।