我是Yeoman的新手。我用
生成了一个Ember.js项目$ yo ember
所以我需要单独安装Twitter Bootstrap
$ bower install bootstrap
但正在运行
$ grunt build
不会将组件css文件部署到dist / styles目录，其方式与js文件到dist / scripts的方式相同
如何在项目分发中包含组件css文件并在我的html中引用它们？
答案 0 :(得分：8)
当你在你的html文件中集成css时，你通常会这样做（我使用bootstrap作为示例）：
<link rel="stylesheet" href="bower_components/sass-bootstrap/bootstrap-2.3.2.min.css">
如果您运行grunt build，则不会部署css文件。要在项目中部署它们，请将其包含在usemin注释中，就像使用javascript一样：
<!-- build:css styles/bootstrap.css -->
<link rel="stylesheet" href="bower_components/sass-bootstrap/bootstrap-2.3.2.min.css">
<!-- endbuild -->
然后，这将在styles/bootstrap.css文件夹中将此css文件部署为dist，并更新html文件中的引用，就像使用javascript引用一样。
答案 1 :(得分：1)
我最近added support for Twitter Bootstrap到了生成器，所以如果你升级到最新版本，你会得到一个提示。
通常，如果要引用组件，则不应将它们复制到styles或scripts文件夹，而是直接链接到组件文件夹，例如：克。
<script src="bower_components/bootstrap-sass/js/bootstrap-affix.js"></script>
否则，除了更容易的初始安装之外，您将失去使用包管理器的所有好处。