私はヨーマンが初めてです。私はEmber.jsプロジェクトを生成しました
$ yo ember
そのため、Twitter Bootstrapを個別に実行してインストールする必要がありました
$ bower install bootstrap
しかし、実行中
$ grunt build
js ファイルを dist/scripts にデプロイするのと同じように、コンポーネントの css ファイルを dist/styles ディレクトリにデプロイしません。
コンポーネント css ファイルをプロジェクト配布に含めて、html で参照するにはどうすればよいですか?
CSS を HTML ファイルに統合する場合、通常は次のようにします (例としてブートストラップを使用します)。
<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 -->
これにより、この css ファイルがフォルダーに展開さstyles/bootstrap.cssれdist、javascript 参照の場合と同様に、html ファイル内の参照が更新されます。
最近、Twitter Bootstrapのサポートをジェネレーターに追加したので、最新バージョンにアップグレードするとプロンプトが表示されます。
styles一般に、コンポーネントを参照する場合は、コンポーネントをまたはフォルダにコピーするのではなくscripts、コンポーネント フォルダに直接リンクする必要があります。
<script src="bower_components/bootstrap-sass/js/bootstrap-affix.js"></script>
そうしないと、パッケージ マネージャーを使用するメリットがすべて失われますが、最初のインストールが簡単になります。