Was ist der richtige Weg, um highlightjs CSS zu verwenden, während ember-bemerkenswert?

Question

Ich habe das ember-bemerkenswerte Addon in Ember 2.7 installiert. Ich bin in der Lage, die md-text Komponente zu verwenden, um Textinhalt zu formatieren. Der Inhalt fügt den entsprechenden <code> Markup für eingezäunten Codeblocks wie:

```javascript 
    // An empty function 
    function test() { 
    } 
``` 

jedoch die CSS, dass Code zu markieren, wie Javascript ist in meiner app nicht enthalten ist. Ich style derzeit meine App in mit dem Ember-Cli-Sass-Addon.

Eine Möglichkeit, die CSS zu schließen wäre, eine <link>-app/index.html zu einem CDN hinzuzufügen, wie:

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/styles/default.min.css"> 

Ist das der beste Weg? Oder gibt es eine "Ember" -Methode, um die Styles, die sich im bower_components/highlightjs-Verzeichnis befinden, einfach einzubinden?

Answer 1

Der richtige Weg, um das Highlightjs CSS enthält, die ich wollte, ist diese Zeile ember-cli-build.js hinzuzufügen:

app.import('bower_components/highlightjs/styles/default.css'); 

Natürlich ist dies auf den Standardstil beschränkt.