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

Question

我在 Ember 2.7 中安装了 ember-remarkable 插件。我可以使用 md-text 组件来格式化文本内容。内容为围栏代码块添加适当的 <code> 标记，例如：

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

但是，CSS 突出显示该代码为 Javascript 未包含在我的应用程序中。我目前正在使用 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');

当然不限于默认样式

What is the proper way to include highlightjs's CSS while using ember-remarkable?