2013-10-08 15 views
6

Bower bileşeninden ihtiyacım olan dosyaları tanımlamanın bir yoluna ihtiyacım var. Bileşendeki bower.json'da, ihtiyacım olan dosyalar main ayarında belirtilmemiş. Dosyaları başka bir dizin varlıkları dizinine simgelemek veya kopyalamak için bir yol isterim. Grunt kullanıyorum ve yardımcı olabilecek hiçbir şey bulamadım. Tüm dosyaları json aracılığıyla tanımlayabildiğim bir şekilde çok seviyorum. Bu tamamen stackoverflow layık değil ama eğerSymlink veya bower bileşeninden dosyaları kopyalama

Özür ben var bir şey bulmak ve tekerleği yeniden icat etmek gerçekten çaresizim.

Bu kodu here buldum ve nasıl kullanılacağını bilmiyorum. Bu ideal olurdu.

"dependencies": { 
    "font-awesome": ">= 3.2.1" 
}, 
"overrides": { 
    "font-awesome": { 
    "main": [ 
     "css/font-awesome.min.css", 
     "font/FontAwesome.otf", 
     "font/fontawesome-webfont.eot", 
     "font/fontawesome-webfont.svg", 
     "font/fontawesome-webfont.ttf", 
     "font/fontawesome-webfont.woff" 
    ] 
    } 
} 

cevap

10

Ben şahsen & varlıkları taşımak için postinstall talimatları içeren proje kök bir .bowerrc dosyası oluşturmak olduğunu tavsiye ne yapıyoruz:

{ 
    "scripts": { 
    "postinstall": "mv ./bower_components/path/to/my.js ./path/to/ideal/location/my.js" 
    } 
} 
+2

+1 - İlginç (mv 'dışında muhtemelen Windows üzerinde çalışmayacaktır.) – deizel

4

grunt-bower-task'a bakın. Bu belge, ileri düzey kullanımda şunu önermektedir:

Bu noktada "Bower paketi" = "onun git deposu". Bu, paketinin testler, lisanslar vb. Içerdiğini bildirir. Bower'ın topluluğu aktif olarak bu konuyu tartışır (GitHub konuları # 46, # 88, Google Grupları'nda) Bu neden bu tür araçları, buna ilham kaynağı olan kırıcı/bower-installer gibi bulabilirsin projesi. Eğer ./lib dizindeki "ana" dosyaları daha fazlasını isterseniz

Tamam, o senin bower.json içine "exportsOverride" bölümüne koyun:

{ 
    "name": "simple-bower", 
    "version": "0.0.0", 
    "dependencies": { 
    "jquery": "~1.8.3", 
    "bootstrap-sass": "*", 
    "requirejs": "*" 
    }, 
    "exportsOverride": { 
    "bootstrap-sass": { 
     "js": "js/*.js", 
     "scss": "lib/*.scss", 
     "img": "img/*.png" 
    }, 
    "requirejs": { 
     "js": "require.js" 
    } 
    } 
} 

hırıltı-Bower görev gerisini halleder.

2

Ben başarı ile bower-installer kullanıyorum, ilgi çekebilecek Grunt kullanmayanlar.

Yazı Müthiş gerekli ekstra güreş CSS dosyası göreli yolları kullanması nedeniyle (örneğin ../fonts/).

{ 
    "dependencies": { 
    ... 
    }, 
    "install": { 
    "path": "webroot/components", 
    "sources": { 
     "font-awesome": { 
     "mapping": [ 
      {"bower_components/font-awesome/css/font-awesome.css": "font-awesome.css"}, 
      {"bower_components/font-awesome/fonts/fontawesome-webfont.eot": "../fonts/fontawesome-webfont.eot"}, 
      {"bower_components/font-awesome/fonts/fontawesome-webfont.svg": "../fonts/fontawesome-webfont.svg"}, 
      {"bower_components/font-awesome/fonts/fontawesome-webfont.ttf": "../fonts/fontawesome-webfont.ttf"}, 
      {"bower_components/font-awesome/fonts/fontawesome-webfont.woff": "../fonts/fontawesome-webfont.woff"}, 
      {"bower_components/font-awesome/fonts/FontAwesome.otf": "../fonts/FontAwesome.otf"} 
     ] 
     } 
    } 
    } 
} 
İlgili konular