title: Generate both expanded and compressed css files in Compass with Grunt
body: <p>I'm using <code>grunt-contrib-compass</code> to compile my SCSS files, and here's the Gruntfile configuration for the same.</p>
  
  <pre><code>    compass: {
          dist: {
              options: {
                  watch: true,
                  imagesDir: 'web/assets/img',
                  sassDir: 'web/assets/scss',
                  cssDir: 'web/assets/css'
              }
          }
      }
  </code></pre>
  
  <p>As you can see that I'm using Compass' "watch" option to watch for files for change. So all files within <code>scss</code> folder are compiled and eventually, one main file <code>styles.css</code> is generated within <code>css</code> folder. While I can use <code>outputStyle: "compressed"</code> option for Compass task to generate all CSS files minified, I want those files to remain expanded.</p>
  
  <p>So is there anyway I can generate original files as expanded while an additional file <code>.min.css</code> which is compressed?</p>
  
  <p>An alternative solution I have as of now is to avoid using <code>watch</code> of compass, and rely on <code>grunt-contrib-watch</code> and <code>grunt-contrib-cssmin</code> instead. But <code>grunt-contrib-watch</code> is much slower compared to that of Compass. </p>
  
  <p>I cannot have another watch task running to monitor CSS files and run <code>cssmin</code> when they're changed, since starting <code>compass</code> with <code>watch: true</code> will block any other following tasks (unless I use something like <a href="https://github.com/sindresorhus/grunt-concurrent" rel="nofollow">Grunt-concurrent</a>, which I want to avoid).</p>
  
  <p>Any help is appreciated.</p>