使用ember-remarkable时包含highlightjs的CSS的正确方法是什么？

Question

我在Ember 2.7中安装了余烬。我可以使用md-text组件来设置文本内容的格式。内容为隔离的代码块添加适当的<code>标记，例如：

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

然而，用于突出显示该代码为Javascript的CSS未包含在我的应用中。我目前正使用ember-cli-sass插件在app/styles/app.scss中设置我的应用程序样式。

包含CSS的一种方法是将<link>添加到app/index.html到CDN，例如：

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

这是最好的方法吗？或者是否有一种“Ember”方式可以轻松地包含bower_components/highlightjs目录中的样式？

Answer 1

包含我想要的Highlightjs CSS的正确方法是将此行添加到ember-cli-build.js：

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

当然，这不仅限于默认样式。