2013-04-16 12 views
26

सीएसएस और जेएस घटकों का उपयोग करते समय, क्या यह संभव है, या यहां तक ​​कि, क्या उन्हें विभिन्न निर्देशिकाओं में स्थापित करने के लिए यह समझ में आता है?दो अलग-अलग निर्देशिकाओं में बोवर घटकों को स्थापित करें?

. 
|-- app 
    |-- scripts 
     |-- components   # js components go here 
      |-- backbone-amd 
      |-- etc 
    |-- styles 
     |-- modules 
     |-- partials 
     |-- components   # sass components go here 
      |-- normalize.scss 
      |-- etc 

इस तरह के एक परियोजना को व्यवस्थित करने का सबसे प्रभावी तरीका क्या है? क्या विकास वातावरण के लिए बॉवर स्थापित सैस घटकों को एकीकृत करने के लक्ष्य को पूरा करने के लिए कोई अच्छा अनुदान कार्य है?

+0

द्वारा "js घटक", आप सीएसएस फ़ाइलों है कि विशिष्ट जावास्क्रिप्ट पुस्तकालयों के लिए कर रहे हैं मतलब है? – cimmanon

+0

नहीं, मेरा मतलब है जेएस पुस्तकालय जो [बॉवर] (http://twitter.github.com/bower) के माध्यम से स्थापित हैं। –

+0

मुझे यहाँ कोई समस्या नहीं दिख रही है। यदि सभी सास फाइलें एक ही स्थान पर हैं और जेनरेट की गई सीएसएस फ़ाइलें किसी अन्य स्थान पर हैं, तो इससे कोई फर्क नहीं पड़ता कि आप चीजों को व्यवस्थित कैसे करते हैं। – cimmanon

उत्तर

15

बोवर को आपके द्वारा इंस्टॉल किए गए प्रत्येक घटक का ट्रैक रखने की आवश्यकता है। यदि वे कई स्थानों में विभाजित होते हैं तो यह बहुत कठिन होगा। सास विकास के लिए, बस सास खोज पथ में घटक फ़ोल्डर डालें।


वहाँ grunt tasks है कि आप इसे बंटवारे अप में सहायता कर सकते हैं अगर आप कर पर जोर देते हैं कि:

(हालांकि अनुशंसित नहीं)

+6

धन्यवाद सिंद्रे, मुझे नहीं लगता था कि यह संभव था या वास्तव में समझ में आया था। जब फाइलें व्यवस्थित होती हैं तो यह मेरे सिर में बेहतर महसूस करती है। बोवर, ग्रंट, इत्यादि पर अपने सभी कड़ी मेहनत की सराहना करें! वेब आगे बढ़ाने के लिए धन्यवाद! –

0

शायद आपके पास .bowerrc विभिन्न निर्देशिकाओं में फ़ाइलें हो सकती हैं, जहां आप "directory" कुंजी को बोवर घटकों निर्देशिका को इंगित करने के लिए कॉन्फ़िगर कर सकते हैं।

लेकिन आप bower install whatever से पहले निर्देशिका को दूर करने के cd करने की आवश्यकता होगी:

app/ 
    scripts/ 
    .bowerrc 
    styles/ 
    .bowerrc 
tests/ 
    .bowerrc 
+0

यह काम नहीं करेगा क्योंकि बोवर आपकी वर्तमान कार्यशील निर्देशिका में 'bower.json' की तलाश करेगा। –

13

एक नोड पैकेज है कि वैकल्पिक रास्तों स्थापित के प्रबंधन के लिए एक एकल आदेश प्रदान करता है bower-installer कहा जाता है।

रन npm install -g bower-installer

अपने bower.json

{ 
    "name" : "test", 
    "version": "0.1", 
    "dependencies" : { 
    "jquery-ui" : "latest" 
    }, 
    "install" : { 
    "path" : { 
     "css": "src/css", 
     "js": "src/js" 
    }, 
    "sources" : { 
     "jquery-ui" : [ 
     "components/jquery-ui/ui/jquery-ui.custom.js", 
     "components/jquery-ui/themes/start/jquery-ui.css" 
     ] 
    } 
    } 
} 

सेट करें तो bower-installer आदेश चला।

यह ./src/css करने के लिए components/jquery-ui/themes/start/jquery-ui.css स्थापित हो जाएगा, आदि

संबंधित मुद्दे