yeoman webappで作ったプロジェクトにgumbyをたす
sass-bootstrapと同じような感じでいけるが、fontのコピーが必要なのでGruntfile.js
の修正が必要。
bowerでインストールする
$ bower install gumby --save
scssに@import
する
app/styles/
直下にsassファイルを置いた場合(例:app/styles/main.scss
)
@import "../bower_components/gumby/sass/gumby";
iconフォントをコピーするタスクをGruntfile.jsに書く
.tmp
と<%= yeoman.dist =%>
にbower_components/gumby/fonts
配下のファイルのコピーが必要。
grunt.initConfig({ // 略 copy: { server: { files: [{ expand: true, cwd: '<%= yeoman.app %>/bower_components/gumby', dest: '.tmp', src: [ 'fonts/**' ] }] }, dist: { files: [ // 略 // <%= yeoman.dis %>配下にコピー { expand: true, cwd: '<%= yeoman.app %>/bower_components/gumby', dest: '<%= yeoman.dist %>', src: [ 'fonts/**' ] } ] } // 略 } });