如何使用咕嚕-的contrib指南針和咕嚕-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'] 
    } 
} 

generting的.CSS文件後，我想用grunt-contrib-cssmin來縮小它。但是當我像tasks: ['compass', 'cssmin']這樣做時，第二次我需要縮小文件，它不會覆蓋它，它會附加。所以如果第一次文件是10kb，下一次我保存它變成20kb等等等等。

這樣做的正確方法是什麼？

Answer 1

可以使用咕嚕-contrib請清潔每個編譯之前刪除目標目錄中的一切：

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

運行任務只是compass之前，你就一定要避免任何衝突與你的舊代碼。

Answer 2

羅盤還可以縮小文件; output_style = :compressed查看Compass的Configuration Reference瞭解更多信息。

我寧願用config.rb代替;

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