Joe*_*oso 3 css ember.js gruntjs yeoman bower
我是Yeoman的新手.我已经生成了一个Ember.js项目
$ yo ember
所以我需要单独安装Twitter Bootstrap
$ bower install bootstrap
但跑步
$ grunt build
没有将组件css文件部署到dist/styles目录,就像它对js文件到dist/scripts一样
如何在项目分发中包含组件css文件并在我的html中引用它们？
当你在你的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在您的dist文件夹中部署此css文件,并更新您的html文件中的引用,就像它与javascript引用一样.