2015-05-04 23 views
5

Ben e-posta eklentileri oluşturuyorum ve bu eklentinin düzgün çalışması için gereken birkaç css stili var!Nasıl css stilleri app.css için nasıl eklenir js addon

Tüketici bir uygulama bu eklentiyi kullandığında belirli css stillerinin doğrudan tüketen uygulamanın app.css dosyasına eklenmesi için bunları nasıl eklerim?

Örn: addon: Online-Formu

çevrimiçi form i .active menüye istediğiniz açılır-addon kullanarak Eklenecek

: Açılır-addon

.active-menu { 
    background-color: #4183C4; 
} 

tüketen uygulamayı bir stil gerektirir otomatik olarak app.css!

+0

Eklenti dizininin içinde bir stiller klasörü oluşturun. Bunun içinde, addon'un stilleri ile bir css dosyası oluşturun. Tüketici uygulaması css ile otomatik olarak dahil edilmelidir. Thats benim addon için nasıl yaptım. https://github.com/blessenm/ember-cli-bm-select/blob/master/addon/styles/bm-select.css – blessenm

+0

emin misiniz? zaten denedim ama işe yaramadı! Aynı zamanda, kukla test uygulaması ile denedim! Sadece test uygulaması ile değil, kukla uygulama ile çalışmak anlamına mı geliyor? – wallop

+0

Eh, addonumu yeni bir uygulamaya yüklemeyi denedim ve addon css, vendor.css dosyasına ekleniyordu. Kukla uygulama hakkında emin değilim. Ember ve klibin son sürümü ile tam bir kontrol yapmam gerekiyor. – blessenm

cevap

5
  • özel css
  • yılında index.js eklenti dosyayı vendor/style.css oluşturun:
module.exports = { 

    //... 
    //... 

    included: function(app) { 
    app.import('vendor/style.css'); 
    } 

    //... 
    //... 

} 

Not: css kodu/varlıklarını Dist eklenecektir/vendor.css

+0

hmmm, buradaki anahtar "sağda" kancadır! Bu kancayı arıyordum. Onaylamama izin ver ve geri dön. – wallop

+0

Bu kesinlikle çalışır. Ember uygulamasının kod yapısını eşleştirmek istiyorsanız, app/styles dizininden css'yi de içe aktarabilirsiniz. Her iki şekilde de Ember uygulamanızın 'vendor.css' dosyasında yer alacaktır. – Dennis

İlgili konular