読者です 読者をやめる 読者になる 読者になる

pirosikick's diary

君のハートにunshift

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/**' ]
        }
      ]
    }

    // 略
  }

});