Wie CSS-Stile in app.css für Ember Js Addon hinzufügen

Question

Ich erstelle Ember Addons und es gibt einige CSS-Stile, die dieses Addon benötigt, um richtig zu arbeiten!

Wie füge ich sie hinzu, so dass, wenn eine konsumierende Anwendung dieses Addon verwendet, die bestimmten CSS-Stile direkt zur app.css-Datei der konsumierenden Anwendung hinzugefügt werden?

ZB: Addon: Drop-Down-Addon erfordert einen Stil

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

raubend Anwendung: Online-Formular

wenn Online-Formular Drop-Down-Add-on wird mit i .active-Menü möge hinzugefügt werden automatisch zu app.css!

Answer 1

• die Datei erstellen vendor/style.css mit Ihrem eigenen css
• In index.js add:

module.exports = { 

    //... 
    //... 

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

    //... 
    //... 

} 

Hinweis: Der Code CSS wird dist/assets hinzugefügt werden/vendor.css