title: how to use grunt-autoprefixer and grunt-sass together?
body: <p>I'm new to grunt tooling and sass in general, it's been a great learning experience. :) I currently have grunt configured to concat/minimize my SCSS on build. I would like to use the <a href="https://github.com/nDmitry/grunt-autoprefixer" rel="nofollow">grunt-autoprefixer</a> plugin to add vendor prefixes, however I'm not entirely sure how to integrate it into my existing Gruntfile. In the code below I've started to implement it ( see the commented out "TODO" section), but if anyone could point me in the right direction to get it working it'd be much appreciated :)</p>
  
  <p>Here's my current <code>Gruntfile.js</code>:</p>
  
  <pre><code>module.exports = function(grunt) {
    grunt.initConfig({
      pkg: grunt.file.readJSON('package.json'),
  
      sass: {
        options: {
          sourceMap: true
        },
  
        dist: {
          options: {
            outputStyle: 'compressed'
          },
          files: {
            'css/foundation.css': 'scss/foundation.scss'
          }
        }
      },
  
      copy: {
        scripts: {
          expand: true,
          cwd: 'bower_components/foundation/js/vendor/',
          src: '**',
          flatten: 'true',
          dest: 'js/vendor/'
        },
  
        iconfonts: {
          expand: true,
          cwd: 'bower_components/fontawesome/',
          src: ['**', '!**/less/**', '!**/css/**', '!bower.json'],
          dest: 'assets/fontawesome/'
        },
  
      },
  
      // TODO: setup autoprefixer
      // autoprefixer: {
      //   options: {
      //     // Task-specific options go here.
      //     browsers: ['last 2 versions', 'ie 8', 'ie 9']
      //   },
      //   your_target: {
      //     // Target-specific file lists and/or options go here.
      //   },
      // },
  
  
        'string-replace': {
  
          fontawesome: {
            files: {
              'assets/fontawesome/scss/_variables.scss': 'assets/fontawesome/scss/_variables.scss'
            },
            options: {
              replacements: [
                {
                  pattern: '../fonts',
                  replacement: '../assets/fontawesome/fonts'
                }
              ]
            }
          },
        },
  
      concat: {
          options: {
            separator: ';',
          },
          dist: {
            src: [
  
            // Foundation core
            'bower_components/foundation/js/foundation/foundation.js',
  
            // Pick the componenets you need in your project
            'bower_components/foundation/js/foundation/foundation.abide.js',
            'bower_components/foundation/js/foundation/foundation.accordion.js',
            'bower_components/foundation/js/foundation/foundation.alert.js',
            'bower_components/foundation/js/foundation/foundation.clearing.js',
            'bower_components/foundation/js/foundation/foundation.dropdown.js',
            'bower_components/foundation/js/foundation/foundation.equalizer.js',
            'bower_components/foundation/js/foundation/foundation.interchange.js',
            'bower_components/foundation/js/foundation/foundation.joyride.js',
            'bower_components/foundation/js/foundation/foundation.magellan.js',
            'bower_components/foundation/js/foundation/foundation.offcanvas.js',
            'bower_components/foundation/js/foundation/foundation.orbit.js',
            'bower_components/foundation/js/foundation/foundation.reveal.js',
            'bower_components/foundation/js/foundation/foundation.slider.js',
            'bower_components/foundation/js/foundation/foundation.tab.js',
            'bower_components/foundation/js/foundation/foundation.tooltip.js',
            'bower_components/foundation/js/foundation/foundation.topbar.js',
            'bower_components/alertify.js/lib/alertify.js',
  
            // include vendor js
            'js/vendor/jquery.unveil.js',
            'js/vendor/wow.js',
  
            // Using all of your custom js files
            'js/custom/*.js'
  
            ],
            // Concat all the files above into one single file
            dest: 'js/foundation.js',
          },
        },
  
      uglify: {
        dist: {
          files: {
            // Shrink the file size by removing spaces
            'js/foundation.js': ['js/foundation.js']
          }
        }
      },
  
      watch: {
        grunt: { files: ['Gruntfile.js'] },
  
        sass: {
          files: 'scss/**/*.scss',
          tasks: ['sass']
        }
      }
    });
  
    grunt.loadNpmTasks('grunt-sass');
    grunt.loadNpmTasks('grunt-autoprefixer');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-string-replace');
  
    grunt.registerTask('build', ['copy', 'string-replace:fontawesome', 'sass', 'concat', 'uglify']);
    grunt.registerTask('default', ['watch']);
  };
  </code></pre>