3

我对 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'
            }]
        }           
    }
4

1 回答 1

3

Sass 的 compress 选项确实如此,另请参见http://sass-lang.com/documentation/file.SASS_REFERENCE.html#_16

压缩样式占用尽可能少的空间,除了分隔选择器和文件末尾的换行符之外没有空格。它还包括一些其他小的压缩,例如选择颜色的最小表示。它并不意味着人类可读。

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

于 2015-04-30T10:37:56.930 回答