Last Updated: February 25, 2016
·
1.41K
· skeep

Adding twitter bootstrap icons for yeoman generators

Yeoman is great, but it do not include the twitter bootstrap icons by default.
I have figured out a work around for the issue. Hope yeoman will fix it in future.

First download the bootstrap image and place in inside app/images folder

Open Gruntfile.js

Search for compass task. It should lok something like this:

compass: {
   options: {
     sassDir: '<%= yeoman.app %>/styles',
     cssDir: '.tmp/styles',
     imagesDir: '<%= yeoman.app %>/images',
     ...
     ...
   server: {
     options: {
       debugInfo: true
     }
   }
 },

Now add imagesDir: 'images' after debugInfo: true . It should like below :

server: {
  options: {
    debugInfo: true,
    imagesDir: 'images'
  }
}

Note that it will remove the error message but the images will appear now.

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Did you know?

JavaScript on a page runs with the privileges of that origin. One altered library, tag manager, or snippet can read inputs, change what people see, and call your APIs as the user.

Security insights from Cside