title: Grunt include bower_components in usemin block
body: <p>I have the following block in my index.html page..</p>
  
  <pre><code>&lt;!-- build:css(.tmp) styles/style.css --&gt;
      &lt;link rel="stylesheet" href="bower_components/normalize-css/normalize.css"&gt;
      &lt;link rel="stylesheet" href="styles/main.css"&gt;
  &lt;!-- endbuild --&gt;
  </code></pre>
  
  <p>The css files exist correctly in my app structure, but when I run 'grunt build' only the CSS from styles/main.css is included in the resulting styles/style.css file.</p>
  
  <p>I assume I need to tell Grunt to look in the bower_components directory for CSS files? But I'm unsure how to do this?</p>
  
  <p>A copy of my gruntfile.js below...</p>
  
  <pre><code>    grunt.initConfig({
        yeoman: yeomanConfig,
        watch: {
          styles: {
            files: ['&lt;%= yeoman.app %&gt;/styles/{,*/}*.css'],
            tasks: ['copy:styles', 'autoprefixer']
          },
          livereload: {
            options: {
              livereload: LIVERELOAD_PORT
            },
            files: [
              '&lt;%= yeoman.app %&gt;/{,*/}*.html',
              '.tmp/styles/{,*/}*.css',
              '{.tmp,&lt;%= yeoman.app %&gt;}/scripts/{,*/}*.js',
              '&lt;%= yeoman.app %&gt;/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
            ]
          }
        },
        autoprefixer: {
          options: ['last 1 version'],
          dist: {
            files: [{
              expand: true,
              cwd: '.tmp/styles/',
              src: '{,*/}*.css',
              dest: '.tmp/styles/'
            }]
          }
        },
        connect: {
          options: {
            port: 9000,
            hostname: 'localhost'
          },
          livereload: {
            options: {
              middleware: function (connect) {
                return [
                  lrSnippet,
                  mountFolder(connect, '.tmp'),
                  mountFolder(connect, yeomanConfig.app)
                ];
              }
            }
          },
          test: {
            options: {
              middleware: function (connect) {
                return [
                  mountFolder(connect, '.tmp'),
                  mountFolder(connect, 'test')
                ];
              }
            }
          },
          dist: {
            options: {
              middleware: function (connect) {
                return [
                  mountFolder(connect, yeomanConfig.dist)
                ];
              }
            }
          }
        },
        open: {
          server: {
            url: 'http://localhost:&lt;%= connect.options.port %&gt;'
          }
        },
        clean: {
          dist: {
            files: [{
              dot: true,
              src: [
                '.tmp',
                '&lt;%= yeoman.dist %&gt;/*',
                '!&lt;%= yeoman.dist %&gt;/.git*'
              ]
            }]
          },
          server: '.tmp'
        },
        jshint: {
          options: {
            jshintrc: '.jshintrc'
          },
          all: [
            'Gruntfile.js',
            '&lt;%= yeoman.app %&gt;/scripts/{,*/}*.js'
          ]
        },
        rev: {
          dist: {
            files: {
              src: [
                '&lt;%= yeoman.dist %&gt;/scripts/{,*/}*.js',
                '&lt;%= yeoman.dist %&gt;/styles/{,*/}*.css',
                '&lt;%= yeoman.dist %&gt;/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
                '&lt;%= yeoman.dist %&gt;/styles/fonts/*'
              ]
            }
          }
        },
        useminPrepare: {
          html: '&lt;%= yeoman.app %&gt;/index.html',
          options: {
            dest: '&lt;%= yeoman.dist %&gt;'
          }
        },
        usemin: {
          html: ['&lt;%= yeoman.dist %&gt;/{,*/}*.html'],
          css: ['&lt;%= yeoman.dist %&gt;/styles/{,*/}*.css'],
          options: {
            dirs: ['&lt;%= yeoman.dist %&gt;']
          }
        },
        imagemin: {
          dist: {
            files: [{
              expand: true,
              cwd: '&lt;%= yeoman.app %&gt;/images',
              src: '{,*/}*.{png,jpg,jpeg}',
              dest: '&lt;%= yeoman.dist %&gt;/images'
            }]
          }
        },
        svgmin: {
          dist: {
            files: [{
              expand: true,
              cwd: '&lt;%= yeoman.app %&gt;/images',
              src: '{,*/}*.svg',
              dest: '&lt;%= yeoman.dist %&gt;/images'
            }]
          }
        },
        cssmin: {
  
        },
        htmlmin: {
          dist: {
            options: {
  
            },
            files: [{
              expand: true,
              cwd: '&lt;%= yeoman.app %&gt;',
              src: ['*.html', 'views/*.html'],
              dest: '&lt;%= yeoman.dist %&gt;'
            }]
          }
        },
        // Put files not handled in other tasks here
        copy: {
          dist: {
            files: [{
              expand: true,
              dot: true,
              cwd: '&lt;%= yeoman.app %&gt;',
              dest: '&lt;%= yeoman.dist %&gt;',
              src: [
                '*.{ico,png,txt}',
                '.htaccess',
                'bower_components/**/*',
                'images/{,*/}*.{gif,webp}',
                'styles/fonts/*'
              ]
            }, {
              expand: true,
              cwd: '.tmp/images',
              dest: '&lt;%= yeoman.dist %&gt;/images',
              src: [
                'generated/*'
              ]
            }]
          },
          styles: {
            expand: true,
            cwd: '&lt;%= yeoman.app %&gt;/styles',
            dest: '.tmp/styles/',
            src: '{,*/}*.css'
          }
        },
        concurrent: {
          server: [
            'copy:styles'
          ],
          test: [
            'copy:styles'
          ],
          dist: [
            'copy:styles',
            'imagemin',
            'svgmin',
            'htmlmin'
          ]
        },
        karma: {
          unit: {
            configFile: 'karma.conf.js',
            singleRun: true
          }
        },
        cdnify: {
          dist: {
            html: ['&lt;%= yeoman.dist %&gt;/*.html']
          }
        },
        ngmin: {
          dist: {
            files: [{
              expand: true,
              cwd: '&lt;%= yeoman.dist %&gt;/scripts',
              src: '*.js',
              dest: '&lt;%= yeoman.dist %&gt;/scripts'
            }]
          }
        },
        uglify: {
          dist: {
            files: {
              '&lt;%= yeoman.dist %&gt;/scripts/scripts.js': [
                '&lt;%= yeoman.dist %&gt;/scripts/scripts.js'
              ]
            }
          }
        }
      });
  </code></pre>