gruntjs - 如何结合使用 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 之前运行任务，您一定会避免与旧代码发生任何冲突。