咕噜声：风格：'压缩'VS cssmin

【问题标题】：Grunt: style: 'compressed' VS cssmin咕噜声：风格：'压缩'VS cssmin
【发布时间】：2015-07-09 03:42:56
【问题描述】：

我对 Grunt 很陌生，我想知道为什么应该使用 grunt-contrib-cssmin 而不是像这个例子中那样创建 dev/dist 版本：

    sass: {
        dist: {
            options: {
                style: 'compressed',
            },
            files: [{
                expand: true,
                cwd: 'assets/styles/source',
                src: [
                    '*.scss'
                ],
                dest: 'assets/styles/build',
                ext: '.min.css'
            }]
        },
        dev: {
            options: {
                style: 'extended',
            },
            files: [{
                expand: true,
                cwd: 'assets/styles/source',
                src: [
                    '*.scss'
                ],
                dest: 'assets/styles/build',
                ext: '.css'
            }]
        }           
    }

【问题讨论】：

标签： sass gruntjs grunt-contrib-cssmin

【解决方案1】：

Sass 的 compress 选项可以，另见 http://sass-lang.com/documentation/file.SASS_REFERENCE.html#_16:

压缩样式占用尽可能少的空间，具有除了分隔选择器和文件末尾的换行符。它还包括一些其他的小压缩，例如选择颜色的最小表示。它并不适合人类阅读。

grunt-contribe-cssmin 使用 clean-css 来压缩和优化你的 CSS。 Clean-css 所做的优化，而 Sass 不压缩的优化包括：选择器和属性合并、归约等（高级优化）、基于顺序的属性合并、@media` 合并、重组优化和速记压缩

【讨论】：