如何结合使用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，以此类推...

正确的操作方式是什么？

- Zendy

---

为什么不直接使用Compass的output_style = :compressed呢？它已经生成了压缩后的CSS。 - RaphaelDDL

很方便..以前从未听说过..谢谢 - Zendy

Answer 1

你可以使用grunt-contrib-clean在每次编译之前删除目标文件夹中的所有内容:

运行任务时在compass之前，你就可以避免与旧代码的任何冲突。 https://github.com/gruntjs/grunt-contrib-clean

- Antoine

Answer 2

Compass还可以对文件进行压缩; output_style = :compressed，查看Compass的配置参考获取更多信息。

我更喜欢使用config.rb。

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

- numediaweb

---

同样在这里。更少的配置。 - Juan Herrera