title: Adding a style css file to grunt vendor
body: <p>Whenever I add manually a css file to my index.html page that file is removed when I build.
  What configuration am I missing?</p>
  
  <p>For instance "rzslider.css" is removed even though it's included in my bower.json. Is there a way to force it to be built into vendor?</p>
  
  <p>Index.html:</p>
  
  <pre><code>&lt;!-- build:css(.) styles/vendor.css --&gt;
  &lt;!-- bower:css --&gt;
  &lt;link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" /&gt;
  &lt;link rel="stylesheet" href="bower_components/angular-motion/dist/angular-motion.min.css" /&gt;
  &lt;link rel="stylesheet" href="bower_components/angularjs-slider/dist/rzslider.css" /&gt;
  &lt;!-- endbower --&gt;
  &lt;!-- endbuild --&gt;
  </code></pre>
  
  <p>Gruntfule:</p>
  
  <pre><code>// Generated on 2014-09-15 using generator-angular 0.9.8
  'use strict';
  
  // # Globbing
  // for performance reasons we're only matching one level down:
  // 'test/spec/{,*/}*.js'
  // use this if you want to recursively match all subfolders:
  // 'test/spec/**/*.js'
  
  module.exports = function (grunt) {
  
      // Load grunt tasks automatically
      require('load-grunt-tasks')(grunt);
  
      // Time how long tasks take. Can help when optimizing build times
      require('time-grunt')(grunt);
  
      // Configurable paths for the application
      var appConfig = {
          app: require('./bower.json').appPath || 'app',
          dist: 'dist'
      };
  
      var modRewrite = require('connect-modrewrite');
  
      // Define the configuration for all the tasks
      grunt.initConfig({
  
          // Project settings
          yeoman: appConfig,
  
          // Watches files for changes and runs tasks based on the changed files
          watch: {
              bower: {
                  files: ['bower.json'],
                  tasks: ['wiredep']
              },
              js: {
                  files: ['&lt;%= yeoman.app %&gt;/scripts/{,*/}*.js'],
                  tasks: ['newer:jshint:all'],
                  options: {
                      livereload: '&lt;%= connect.options.livereload %&gt;'
                  }
              },
              jsTest: {
                  files: ['test/spec/{,*/}*.js'],
                  tasks: ['newer:jshint:test', 'karma']
              },
              styles: {
                  files: ['&lt;%= yeoman.app %&gt;/styles/{,*/}*.css'],
                  tasks: ['newer:copy:styles', 'autoprefixer']
              },
              gruntfile: {
                  files: ['Gruntfile.js']
              },
              livereload: {
                  options: {
                      livereload: '&lt;%= connect.options.livereload %&gt;'
                  },
                  files: [
                      '&lt;%= yeoman.app %&gt;/{,*/}*.html',
                      '.tmp/styles/{,*/}*.css',
                      '&lt;%= yeoman.app %&gt;/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
                  ]
              }
          },
  
          // The actual grunt server settings
          connect: {
              options: {
                  port: 9005,
                  // Change this to '0.0.0.0' to access the server from outside.
                  hostname: '10.6.2.69',
                  livereload: 35729
              },
              livereload: {
                  options: {
                      open: true,
                      middleware: function (connect) {
                          return [
                              modRewrite(['^[^\\.]*$ /index.html [L]']),
                              connect.static('.tmp'),
                              connect().use(
                                  '/bower_components',
                                  connect.static('./bower_components')
                              ),
                              connect.static(appConfig.app)
                          ];
                      }
                  }
              },
              test: {
                  options: {
                      port: 9006,
                      middleware: function (connect) {
                          return [
                              modRewrite(['^[^\\.]*$ /index.html [L]']),
                              connect.static('.tmp'),
                              connect.static('test'),
                              connect().use(
                                  '/bower_components',
                                  connect.static('./bower_components')
                              ),
                              connect.static(appConfig.app)
                          ];
                      }
                  }
              },
              dist: {
                  options: {
                      port: 9007,
                      middleware: function (connect) {
                          return [
                              modRewrite(['^[^\\.]*$ /index.html [L]']),
                              connect.static('.tmp'),
                              connect().use(
                                  '/bower_components',
                                  connect.static('./bower_components')
                              ),
                              connect.static(appConfig.dist)
                          ];
                      }
                  }
              }
          },
  
          // Make sure code styles are up to par and there are no obvious mistakes
          jshint: {
              options: {
                  jshintrc: '.jshintrc',
                  reporter: require('jshint-stylish')
              },
              all: {
                  src: [
                      'Gruntfile.js',
                      '&lt;%= yeoman.app %&gt;/scripts/{,*/}*.js',
                      '!&lt;%= yeoman.app %&gt;/scripts/vendor/{,*/}*.js'
                  ]
              },
              test: {
                  options: {
                      jshintrc: 'test/.jshintrc'
                  },
                  src: ['test/spec/{,*/}*.js']
              }
          },
  
          // Empties folders to start fresh
          clean: {
              dist: {
                  files: [{
                      dot: true,
                      src: [
                          '.tmp',
                          '&lt;%= yeoman.dist %&gt;/{,*/}*',
                          '!&lt;%= yeoman.dist %&gt;/.git*'
                      ]
                  }]
              },
              server: '.tmp'
          },
  
          // Add vendor prefixed styles
          autoprefixer: {
              options: {
                  browsers: ['last 1 version']
              },
              dist: {
                  files: [{
                      expand: true,
                      cwd: '.tmp/styles/',
                      src: '{,*/}*.css',
                      dest: '.tmp/styles/'
                  }]
              }
          },
  
          // Automatically inject Bower components into the app
          wiredep: {
              app: {
                  src: ['&lt;%= yeoman.app %&gt;/index.html'],
                  ignorePath:  /\.\.\//
              },
              sass: {
                  src: ['&lt;%= yeoman.app %&gt;/styles/{,*/}*.{scss,sass}'],
                  ignorePath: /(\.\.\/){1,2}bower_components\//
              }
          },
  
          // Compiles Sass to CSS and generates necessary files if requested
          compass: {
              options: {
                  sassDir: '&lt;%= yeoman.app %&gt;/styles',
                  cssDir: '.tmp/styles',
                  generatedImagesDir: '.tmp/images/generated',
                  imagesDir: '&lt;%= yeoman.app %&gt;/images',
                  javascriptsDir: '&lt;%= yeoman.app %&gt;/scripts',
                  fontsDir: '&lt;%= yeoman.app %&gt;/styles/fonts',
                  importPath: './bower_components',
                  httpImagesPath: '/images',
                  httpGeneratedImagesPath: '/images/generated',
                  httpFontsPath: '/styles/fonts',
                  relativeAssets: false,
                  assetCacheBuster: false,
                  raw: 'Sass::Script::Number.precision = 10\n'
              },
              dist: {
                  options: {
                      generatedImagesDir: '&lt;%= yeoman.dist %&gt;/images/generated'
                  }
              },
              server: {
                  options: {
                      debugInfo: true
                  }
              }
          },
  
          // Renames files for browser caching purposes
          filerev: {
              dist: {
                  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/*'
                  ]
              }
          },
  
          // Reads HTML for usemin blocks to enable smart builds that automatically
          // concat, minify and revision files. Creates configurations in memory so
          // additional tasks can operate on them
          useminPrepare: {
              html: '&lt;%= yeoman.app %&gt;/index.html',
              options: {
                  dest: '&lt;%= yeoman.dist %&gt;',
                  flow: {
                      html: {
                          steps: {
                              js: ['concat', 'uglifyjs'],
                              css: ['cssmin']
                          },
                          post: {}
                      }
                  }
              }
          },
  
          // Performs rewrites based on filerev and the useminPrepare configuration
          usemin: {
              html: ['&lt;%= yeoman.dist %&gt;/{,*/}*.html'],
              css: ['&lt;%= yeoman.dist %&gt;/styles/{,*/}*.css'],
              options: {
                  assetsDirs: ['&lt;%= yeoman.dist %&gt;','&lt;%= yeoman.dist %&gt;/images']
              }
          },
  
          // The following *-min tasks will produce minified files in the dist folder
          // By default, your `index.html`'s &lt;!-- Usemin block --&gt; will take care of
          // minification. These next options are pre-configured if you do not wish
          // to use the Usemin blocks.
          // cssmin: {
          //   dist: {
          //     files: {
          //       '&lt;%= yeoman.dist %&gt;/styles/main.css': [
          //         '.tmp/styles/{,*/}*.css'
          //       ]
          //     }
          //   }
          // },
          // uglify: {
          //   dist: {
          //     files: {
          //       '&lt;%= yeoman.dist %&gt;/scripts/scripts.js': [
          //         '&lt;%= yeoman.dist %&gt;/scripts/scripts.js'
          //       ]
          //     }
          //   }
          // },
          // concat: {
          //   dist: {}
          // },
  
          imagemin: {
              dist: {
                  files: [{
                      expand: true,
                      cwd: '&lt;%= yeoman.app %&gt;/images',
                      src: '{,*/}*.{png,jpg,jpeg,gif}',
                      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'
                  }]
              }
          },
  
          htmlmin: {
              dist: {
                  options: {
                      collapseWhitespace: true,
                      conservativeCollapse: true,
                      collapseBooleanAttributes: true,
                      removeCommentsFromCDATA: true,
                      removeOptionalTags: true
                  },
                  files: [{
                      expand: true,
                      cwd: '&lt;%= yeoman.dist %&gt;',
                      src: ['*.html', 'views/{,*/}*.html'],
                      dest: '&lt;%= yeoman.dist %&gt;'
                  }]
              }
          },
  
          // ngmin tries to make the code safe for minification automatically by
          // using the Angular long form for dependency injection. It doesn't work on
          // things like resolve or inject so those have to be done manually.
          ngmin: {
              dist: {
                  files: [{
                      expand: true,
                      cwd: '.tmp/concat/scripts',
                      src: '*.js',
                      dest: '.tmp/concat/scripts'
                  }]
              }
          },
  
          // ng-annotate tries to make the code safe for minification automatically
          // by using the Angular long form for dependency injection.
          ngAnnotate: {
              dist: {
                  files: [{
                      expand: true,
                      cwd: '.tmp/concat/scripts',
                      src: ['*.js', '!oldieshim.js'],
                      dest: '.tmp/concat/scripts'
                  }]
              }
          },
  
          // Replace Google CDN references
          cdnify: {
              dist: {
                  html: ['&lt;%= yeoman.dist %&gt;/*.html']
              }
          },
  
          // Copies remaining files to places other tasks can use
          copy: {
              dist: {
                  files: [{
                      expand: true,
                      dot: true,
                      cwd: '&lt;%= yeoman.app %&gt;',
                      dest: '&lt;%= yeoman.dist %&gt;',
                      src: [
                          '*.{ico,png,txt}',
                          '.htaccess',
                          '*.html',
                          'views/{,*/}*.html',
                          'images/{,*/}*.{webp}',
                          'fonts/*'
                      ]
                  }, {
                      expand: true,
                      cwd: '.tmp/images',
                      dest: '&lt;%= yeoman.dist %&gt;/images',
                      src: ['generated/*']
                  }, {
                      expand: true,
                      cwd: 'bower_components/bootstrap/dist',
                      src: 'fonts/*',
                      dest: '&lt;%= yeoman.dist %&gt;'
                  }]
              },
              styles: {
                  expand: true,
                  cwd: '&lt;%= yeoman.app %&gt;/styles',
                  dest: '.tmp/styles/',
                  src: '{,*/}*.css'
              }
          },
  
          // Run some tasks in parallel to speed up the build process
          concurrent: {
              server: [
                  'copy:styles'
              ],
              test: [
                  'copy:styles'
              ],
              dist: [
                  'copy:styles',
                  'imagemin',
                  'svgmin'
              ]
          },
  
          // Test settings
          karma: {
              unit: {
                  configFile: 'test/karma.conf.js',
                  singleRun: true
              }
          }
      });
  
  
      grunt.registerTask('serve', 'Compile then start a connect web server', function (target) {
          if (target === 'dist') {
              return grunt.task.run(['build', 'connect:dist:keepalive']);
          }
  
          grunt.task.run([
              'clean:server',
              'wiredep',
              'concurrent:server',
              'autoprefixer',
              'connect:livereload',
              'watch'
          ]);
      });
  
      grunt.registerTask('server', 'DEPRECATED TASK. Use the "serve" task instead', function (target) {
          grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');
          grunt.task.run(['serve:' + target]);
      });
  
      grunt.registerTask('server-app', [
          'serve'
      ]);
  
      grunt.registerTask('server-dist', [
          'serve:dist'
      ]);
  
      grunt.registerTask('test', [
          'clean:server',
          'concurrent:test',
          'autoprefixer',
          'connect:test',
          'karma'
      ]);
  
      grunt.registerTask('build', [
          'clean:dist',
          'wiredep',
          'useminPrepare',
          'concurrent:dist',
          'autoprefixer',
          'concat',
          'ngmin',
          'copy:dist',
          'cdnify',
          'cssmin',
          'uglify',
          'filerev',
          'usemin',
          'htmlmin'
      ]);
  
      grunt.registerTask('default', [
          'newer:jshint',
          'test',
          'build'
      ]);
  };
  </code></pre>