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

【问题标题】：How to combine using grunt-contrib-compass and grunt-contrib-cssmin如何结合使用 grunt-contrib-compass 和 grunt-contrib-cssmin
【发布时间】：2013-06-06 05:18:11
【问题描述】：

我正在使用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，以此类推..

正确的做法是什么？

【问题讨论】：

你为什么不简单地使用罗盘'output_style = :compressed？它已经生成了缩小的 css。
这很方便..以前从未听说过..谢谢

标签： gruntjs

【解决方案1】：

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

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

在compass 之前运行任务，您一定会避免与旧代码发生任何冲突。

【讨论】：

【解决方案2】：

Compass 还可以缩小文件； output_style = :compressed 查看 Compass 的 Configuration Reference 了解更多信息。

我更喜欢使用config.rb；

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

【讨论】：

这里也一样。更少的配置