2013-04-16 20 views
26

CSS ve JS bileşenlerini kullanırken, mümkün mü yoksa farklı dizinlere yüklemek mantıklı mı?Bower bileşenlerini iki farklı dizine yükleyin?

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

Bu şekilde organize edilen bir projeyi yapılandırmanın en etkili yolu nedir? Bower yüklü sass bileşenlerini geliştirme ortamına entegre etme amacını gerçekleştirmek için iyi bir Grunt görevi var mı?

+0

belirli javascript kütüphaneleri içindir CSS dosyaları anlama geliyor? – cimmanon

+0

Hayır, [bower] (http://twitter.github.com/bower) aracılığıyla yüklenen js kitaplıkları kastediyorum. –

+0

Burada bir sorun görmüyorum. Tüm Sass dosyaları tek bir konumdaysa ve oluşturulan CSS dosyaları başka bir konumdaysa, o şeyleri nasıl düzenlediğiniz önemli değildir. – cimmanon

cevap

15

Bower'ın, yüklediğiniz her bileşenin kaydını tutması gerekir. Birden fazla yerde ayrıldıkları zaman bu çok zor olurdu. Sass gelişimi için, bileşenler klasörünü Sass arama yoluna koymanız yeterlidir.


Eğer yapmakta ısrar eğer o kadar bölme size yardımcı olabilir grunt tasks vardır ki:

(önerilmez gerçi)

+6

Teşekkürler Sindre, bunun mümkün olduğunu ya da gerçekten mantıklı olduğunu düşünmedim. Dosyalar böyle organize edildiğinde kafamda daha iyi hissediyor. Bower, Grunt, vb. Tüm çalışmalarınızı takdir edin! Web'i ileri ittiğin için teşekkürler! –

0

Belki de bower bileşenleri dizinine işaret etmek için "directory" anahtarını yapılandırabileceğiniz farklı dizinlerde .bowerrc dosyalarına sahip olabilirsiniz.

Ama bower install whatever önce dizin düzeltmek için cd gerekir:

alternatif yolları yüklemek yönetmek için tek bir komut sağlar bower-installer denilen bir düğüm paket var
app/ 
    scripts/ 
    .bowerrc 
    styles/ 
    .bowerrc 
tests/ 
    .bowerrc 
+0

Bower, mevcut çalışma dizininizde "bower.json" ifadesini arayacaktır. –

13

. npm install -g bower-installer

çalıştırmak Sonra bower-installer komutunu çalıştırın 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" 
     ] 
    } 
    } 
} 

ayarlayın. Bu ./src/css için components/jquery-ui/themes/start/jquery-ui.css kuracaktır

vb "js bileşenleri", By