Ember import bootstrap 主题与 bower 一起安装

Ember import bootstrap theme installed with bower

这是我与 Ember.js 的第一个项目,我将 this tutorial 作为我项目的起点。 我问自己应用 bootstrap 主题的最佳做法是什么。

我目前使用的是Bootstrap-Sass“3.3.6”,我想使用的主题是https://github.com/puikinsh/gentelella,我是通过bower安装的。

bower install gentelella --save

如果我做对了,我必须将此文件导入我的 ember-cli-build.js 文件中 app.import 命令如下:

app.import('bower_components/gentelella/build/css/custom.min.css')

但在我的 html 文档中看不出有什么不同。我的网络部分都没有。

我想也许我应该在我的 style.scss 文件中添加一个导入语句,但我不知道我应该把它指向哪里...

那么,如何导入 bootstrap 主题? 任何人都可以提供一些帮助吗?

根据官方文档,将供应商文件导入项目的正确方法是通过 ember-cli-build.js,指定您需要的文件带有 app.import.

https://guides.emberjs.com/v2.0.0/addons-and-dependencies/managing-dependencies/

我在网络部分没有看到任何差异的原因是因为 Ember 生成 vendor.cssvendor.js 个包含所有导入文件的文件。 如果你检查它们,你可以看到所有的东西都正确导入了。