Come aggiungere gli stili css in app.css per ember js addon

Sto creando addons ember e ci sono alcuni stili css che questo addon richiede per funzionare correttamente!Come aggiungere gli stili css in app.css per ember js addon

Come li aggiungo in modo tale che quando un'applicazione che utilizza utilizza questo addon gli stili di css particolari vengono aggiunti direttamente al file app.css dell'applicazione che consuma?

Esempio: addon: discesa-addon richiede uno stile

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

applicazione consuma: online-forma

quando da aggiungere online-forma sta usando discesa-addon voglio .active menu per app.css automaticamente!

fonte

2015-05-04 wallop

All'interno della directory di addon, creare una cartella di stili. Al suo interno, crea un file css con gli stili del tuo addon. Dovrebbero essere inclusi automaticamente con i CSS dell'app che consumano. Ecco come l'ho fatto per il mio addon. https://github.com/blessenm/ember-cli-bm-select/blob/master/addon/styles/bm-select.css – blessenm

sei sicuro? l'ho già provato ma non funzionava! Inoltre ho provato con l'applicazione di prova fittizio! È pensato per funzionare solo con l'applicazione che consuma e non con l'applicazione fittizia di test? – wallop

Beh, ho provato a installare il mio addon su una nuova app e il componente aggiuntivo css è stato aggiunto al file vendor.css. Non sono sicuro della fittizia app. Devo fare un controllo completo con l'ultima versione di ember e cli. – blessenm

Creare il file vendor/style.css con il CSS personalizzato
In index.js aggiuntivo:

module.exports = { 

    //... 
    //... 

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

    //... 
    //... 

}

Nota: il codice css sarà aggiunta alla dist/attività/vendor.css

fonte

2015-05-04 21:52:16

hmmm quindi la chiave qui è "incluso" gancio giusto! stavo cercando questo gancio fammi confermare e poi tornare indietro. – wallop

Questo sicuramente funziona. Puoi anche importare css dalla directory app/styles se vuoi che corrisponda alla struttura del codice della app di Ember. In ogni caso sarà incluso nel file 'vendor.css' della vostra app di Ember. – Dennis

Come aggiungere gli stili css in app.css per ember js addon

risposta

Problemi correlati