title: How to combine using grunt-contrib-compass and grunt-contrib-cssmin
body: <p>I'm using <code>grunt-contrib-compass</code> to process my <code>.SCSS</code> files</p>
  
  <pre><code>compass: {
    dist: {
      options: {
        cssDir: 'www/styles',
        sassDir: 'www/styles',
        imagesDir: 'www/images',
        javascriptsDir: 'www/scripts',
        force: true
      }
    }
  },
  </code></pre>
  
  <p>And I'm using <code>grunt-contrib-watch</code> to watch which file has been changed.</p>
  
  <pre><code>watch: {
    compass: {
      files: [
        'www/styles/**/*.{scss,sass}'
      ],
      tasks: ['compass']
    }
  }
  </code></pre>
  
  <p>After generting the <code>.CSS</code> files, I want to minify it using <code>grunt-contrib-cssmin</code>. But when I do it like <code>tasks: ['compass', 'cssmin']</code>, the second time I need to minify the file, it doesn't override it, it appends instead. So if the first time the file is 10kb, the next time I save it become 20kb and so on and so on..</p>
  
  <p>What's the correct way of doing it?</p>