爲什麼css-nano（幾乎）不起作用？

Question

gulp-minify-csssays its deprecated，並指向gulp-css-nano作爲其後繼者。

爲什麼我用cssnano達到如此之弱的結果？

我做minifything（事後美化了可讀性）：

gulp.task('teststyles-nano', [], function() { 
    gulp.src('css/testcase.css') 
    .pipe(nano()) 
    .pipe(cssbeautify()) 
    .pipe(rename('nano.css')) 
    .pipe(gulp.dest('./public/')); 
}); 

gulp.task('teststyles-minify', [], function() { 
    gulp.src('css/testcase.css') 
    .pipe(minifyCss()) // resp. .pipe(minifyCss()) 
    .pipe(cssbeautify()) 
    .pipe(rename('minify.css')) // resp. 'minify.css' 
    .pipe(gulp.dest('./public/')); 
}); 

這裏是我的testcase.css，用大量的故意東西來優化：

html, body { 
    margin: 0; 
    padding: 0; 
} 

h1, h2, h3 { 
    color: green; 
    color: purple; /* redundant in place */ 
    background-color: #caa; 
} 
html, body { /* combine to above, remove duplicates? */ 
    margin: 0; 
    background-color: #aac; 
} 

/* group media queries, 
    remove redundant rules and/or combine p, div */ 
@media only screen and (max-width: 500px) { 
    p { background-color: orange; } 
} 
@media only screen and (max-width: 500px) { 
    p { background-color: purple; } 
    div { background-color: purple; } 
} 

h1, h2, h3, h1, h2 { /* combine to above, remove double selectors */ 
    font-family: 'Helvetica Neue', Helvetica, Arial, Arial, Arial, sans-serif; 
    font-weight: bold; 
    color: orange; 
    text-decoration: underline; 

    margin-top: 10px; /* screams combining */ 
    margin-right: 20px; 
    margin-bottom: 10px; 
    margin-left: 20px; 
} 

minify.css有漂亮的很多人都預計，其中nano.css根本沒有：

我在Windows7，x64下。版本：

npm list --depth=0 | grep -i css 
├── css-purge@1.1.1 extraneous 
├── gulp-css-purge@1.0.27 
├── gulp-cssbeautify@0.1.3 
├── gulp-cssnano@2.1.1 
├── gulp-minify-css@1.2.3 

因此，我非常無能，在這樣一個孤立的案例。

Answer 1

我got feedback from the plugin author：這些優化尚未實現。

這意味着，這不是關於錯誤的參數或使用，這基本上是我的問題。他建議gulp-clean-css作爲替代。

我想我會堅持gulp-minify-css一段時間。

Answer 2

可能會關閉點一點點，但我用咕嚕cssmin這確實做了偉大的工作，並且配置爲： -

options: { 
    compatibility: 'ie8', 
    shorthandCompacting: false, 
    roundingPrecision: -1 
}, 
target: { 
    files: [{ 
     expand: true, 
     cwd: 'sass/', 
     src: ['*.css', '!*.min.css'], 
     dest: 'sass/minified', 
     ext: '.min.css' 
    }] 
}