Gruntjs 如何结合使用grunt contrib指南针和grunt contrib cssmin

我正在使用

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，依此类推

---

正确的方法是什么？

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

---

在

compass

之前运行任务，您将确保避免与旧代码发生任何冲突。

compass还可以缩小文件<代码>输出样式=：压缩查看指南针以了解更多信息

我更喜欢使用

config.rb

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

---

为什么不直接使用compass'

输出风格=：compressed

？它已经生成了缩小的css。这很方便。以前从未听说过。谢谢。少配置