2015-05-04 11 views
5

Tworzę dodatki ember i istnieje kilka stylów CSS, które ten dodatek wymaga do poprawnej pracy!Jak dodać style CSS w app.css dla ember js addon

Jak mogę je dodać, aby aplikacje zużywające używały tego dodatku, a poszczególne style css są bezpośrednio dodawane do pliku app.css aplikacji zużywającej?

Np dodatek: rozwijana-dodatek wymaga styl

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

czasochłonne aplikacji: Online-formularz

trybie online-formularz jest za pomocą rozwijanego-addon chcę .active-menu ma być dodany do app.css automatycznie!

+0

W katalogu dodatków utwórz folder stylów. Wewnątrz tego, stwórz plik css ze stylami twojego addona. Powinny one być automatycznie dołączane do css aplikacji zużywającej. Tak to zrobiłem dla mojego addona. https://github.com/blessenm/ember-cli-bm-select/blob/master/addon/styles/bm-select.css – blessenm

+0

jesteś pewien? już próbowałem, ale to nie działa! Również próbowałem go z aplikacją testową manekina! Czy ma on działać tylko z aplikacją zużywającą, a nie aplikacją testową? – wallop

+0

Próbowałem zainstalować mój dodatek na nowej aplikacji i dodatek css został dołączony do pliku vendor.css. Nie jestem pewien co do fałszywej aplikacji. Muszę wykonać pełną kontrolę z najnowszą wersją ember i cli. – blessenm

Odpowiedz

5
  • Utwórz plik vendor/style.css z niestandardowym css
  • W index.js add:
module.exports = { 

    //... 
    //... 

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

    //... 
    //... 

} 

Uwaga: kod CSS zostanie dodany do dist/aktywa/vendor.css

+0

hmmm, więc kluczem tutaj jest "w zestawie" hak w prawo! szukałem tego haka. pozwól mi potwierdzić, a następnie wrócić. – wallop

+0

To zdecydowanie działa. Możesz również zaimportować css z katalogu app/styles, jeśli chcesz dopasować strukturę kodu Ember. W każdym razie zostanie on uwzględniony w pliku "vendor.css" aplikacji Ember. – Dennis