2013-04-16 13 views
26

Czy korzystanie z komponentów CSS i JS jest możliwe, a nawet czy ma sens instalowanie ich w różnych katalogach?Zainstaluj komponenty Bower w dwóch różnych katalogach?

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

Jaki jest najbardziej efektywny sposób zorganizowania projektu zorganizowanego w ten sposób? Czy istnieje dobre zadanie Grunta do osiągnięcia celu integracji altan zainstalowanych komponentów sass w środowisku programistycznym?

+0

Przez "js komponentów", masz na myśli pliki CSS, które są specyficzne dla bibliotek JavaScript? – cimmanon

+0

Nie, mam na myśli biblioteki js instalowane przez [bower] (http://twitter.github.com/bower). –

+0

Nie widzę tutaj problemu. Jeśli wszystkie pliki Sass znajdują się w jednym miejscu, a wygenerowane pliki CSS znajdują się w innej lokalizacji, nie ma znaczenia, w jaki sposób organizujesz. – cimmanon

Odpowiedz

15

Bower musi śledzić każdy komponent, który instalujesz. Byłoby to bardzo trudne, gdyby zostały podzielone na wiele lokalizacji. W przypadku projektowania Sass wystarczy umieścić folder komponentów w ścieżce wyszukiwania Sass.


Istnieje grunt tasks, które mogą pomóc w rozdzieleniu go jeśli nalegać na to robić:

(choć nie zalecane)

+6

Dzięki Sindre, nie myślałem, że to było możliwe lub naprawdę miało sens. Po prostu lepiej czuję się w głowie, gdy pliki są zorganizowane jako takie. Doceń całą swoją ciężką pracę na Bower, Grunt, etc man! Dzięki za popchnięcie sieci do przodu! –

0

Być może możesz mieć pliki .bowerrc w różnych katalogach, w których możesz skonfigurować klucz "directory", aby wskazać katalog komponentów altan.

Ale trzeba będzie skorygować cd katalogu przed bower install whatever:

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

To nie zadziała, ponieważ Bower będzie szukał "bower.json" w twoim aktualnym katalogu roboczym. –

13

Jest to pakiet węzeł zwany bower-installer który zapewnia pojedyncze polecenie do zarządzania alternatywny zainstalować ścieżki.

run npm install -g bower-installer

Skonfiguruj 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" 
     ] 
    } 
    } 
} 

Następnie uruchom polecenie bower-installer.

Spowoduje to zainstalowanie components/jquery-ui/themes/start/jquery-ui.css do ./src/css itp

Powiązane problemy