Question

我已经安装了ember-cli-less而且我已经包含了

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

在我的styles / app.less文件中

我在ember-cli-build.js文件中有以下内容：

app.import('bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.eot', {
    destDir: 'fonts'
  });
  app.import('bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf', {
    destDir: 'fonts'
  });
  app.import('bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.svg', {
    destDir: 'fonts'
  });
  app.import('bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.woff', {
    destDir: 'fonts'
  });
  app.import('bower_components/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2', {
    destDir: 'fonts'
  });

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

  return app.toTree();

现在我想从Wrapbootstrap中获取一个主题并将其包含在我的项目中。

还有另一个类似问题的链接：Recommended way to include bootstrap library in Ember.JS ember-cli App但是 - 它似乎主要集中在获取引导程序设置上 - 它不会增加主题。

Answer 1

据我所知（我可能在这里错了），因为你在app / style.css中包含了bootstrap，它将最终出现在你的“app.css”文件中（而不是vendor.css文件中）。 / p>

在这种情况下，我认为您还必须从app / styles.less中导入主题。

@import "../../bower_components/bootstrap/less/bootstrap"
@import "path/to/wrap-boostrap/theme/main.css|.less file"

我假设您可以将扩展名保留为较少的css文件，只是指出您希望获得主题的css / less文件的路径。

要记住的一件事是vendor.css放在app.css之前（在html页面中），这意味着如果你这样做的话，任何其他依赖bootstrap.css的插件都不会起作用{ {1}}您还必须将它们包含在app.less文件中。

将WrapBootstrap主题添加到Ember（2.0）

1 个答案: