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

【问题标题】：What is the proper way to include highlightjs's CSS while using ember-remarkable?在使用 ember-remarkable 时包含 highlightjs 的 CSS 的正确方法是什么？
【发布时间】：2016-08-12 07:39:08
【问题描述】：

我在 Ember 2.7 中安装了 ember-remarkable 插件。我可以使用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 目录中的样式？

【问题讨论】：

标签： ember.js highlight.js

【解决方案1】：

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

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

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

【讨论】：