Twitter bootstrap 使用引导的推荐方法'；s Ember.JS Ember cli应用程序中的源代码较少

从中，链接到Bootstrap的

dist

文件似乎很容易

然而，我在我的项目中使用较少的文件，并且希望利用Bootstrap的较少文件。推荐的连接方式是什么

---

另外，既然使用LESS从技术上讲就是使用Bootstrap的源文件，那么我也应该链接到Bootstrap的JS源文件吗？或者，假设混合源代码

bootstrap/less

和编译的dists

bootstrap/dist/js/bootstrap.js

就可以了吗？

您可能已经找到了解决方案，但是使用ember cli 0.0.33+，bower安装-S bootstrap可以将您的文件保存到供应商文件夹并写入您的bower.json文件

接下来是app.import（'vendor/bootstrap/dist/js/bootstrap.min.js'）在您的Brocfile.js中。我在

app/styles/中包含了一个app.less文件。您可以从那里引用您的

供应商/bootstrap/less/`

我还在我的应用程序底部添加了一个custom.less import.less，我可以在这里编写自己的东西

---

希望有帮助。

要在ember cli中使用较少版本的引导，请执行以下操作：

安装Bootstrap Bower软件包

$ bower install --save bootstrap

导入

bootstrap.less

到

app/style/app.less

@import "vendor/bootstrap/less/bootstrap.less";

@import "vendor/bootstrap/less/bootstrap.less";

---

以下是我所做的步骤：

通过安装

brocoli less single

$ npm install --save-dev ember-cli-less

使用

bower安装bootstrap3

$ bower install bootstrap --save

删除

app/styles/app.css

并创建自己的

app/styles/app.less

@import "vendor/bootstrap/less/bootstrap.less";

@import "vendor/bootstrap/less/bootstrap.less";

奖金： 您可以通过

Brocfile.js

文件导入bootstrap.js。加上

app.import('vendor/bootstrap/dist/js/bootstrap.js');

注意：在

app/index.html

中，确保添加

<script src="assets/vendor.js"></script>

---

从Ember CLI版本0.1.1开始，建议您在项目中使用引导的less

首先，安装引导程序：

$ bower install --save-dev bootstrap

然后安装less预处理器

$ npm install --save-dev ember-cli-less

然后将此文件夹中的app.css替换为app.less：

/app/styles/

在新的app.less文件中，将以下内容添加到文件顶部：

@import "../../bower_components/bootstrap/less/bootstrap.less";

在Brocfile.js中，添加以下内容：

app.import(app.bowerDirectory + '/bootstrap/dist/js/bootstrap.js');

如果您还想使用boostrap附带的GlyphIcon，请将其添加到Brocfile.js（

ember cli build.js

，如果您使用的是最新的

ember cli

）：

---

对于来自

Ember cli less

addon自述文件的Ember 2.8解决方案，我认为：

安装引导源：

bower install --S bootstrap

在

ember cli build.js

中指定包含路径：

var app = new EmberApp({
  lessOptions: {
    paths: [
      'bower_components/bootstrap/less'
    ]
   }
});

导入到app.less：

@import 'bootstrap';

摘自：