如何结合使用grunt-contrib-compass和grunt-contrib-cssmin

Question

我正在使用grunt-contrib-compass处理我的.SCSS文件

compass: {
  dist: {
    options: {
      cssDir: 'www/styles',
      sassDir: 'www/styles',
      imagesDir: 'www/images',
      javascriptsDir: 'www/scripts',
      force: true
    }
  }
},

我正在使用grunt-contrib-watch来查看哪个文件被更改了。

watch: {
  compass: {
    files: [
      'www/styles/**/*.{scss,sass}'
    ],
    tasks: ['compass']
  }
}

在生成.CSS文件之后，我想使用grunt-contrib-cssmin将其最小化。但是当我像tasks: ['compass', 'cssmin']那样做的时候，当我第二次需要缩小文件时，它不会覆盖它，而是附加它。因此，如果第一次文件是10kb，下一次我保存它就是20kb，以此类推。

做这件事的正确方法是什么？

Answer 1

您可以在每次编译之前使用grunt contrib-clean删除目标目录中的所有内容：

https://github.com/gruntjs/grunt-contrib-clean

在compass之前运行该任务，您将确保避免与旧代码的任何冲突。

Answer 2

Compass还可以缩小文件；有关这方面的更多信息，请查看Compass的Configuration Reference。

我更喜欢使用config.rb；

compass: {
    dest: {
        config: 'config.rb',
        force: true
    }
},