咕噜:风格:'压缩' VS cssmin

时间:2015-04-29 17:39:48

标签: sass gruntjs grunt-contrib-cssmin

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

1 个答案:

答案 0 :(得分:2)

Sass的压缩选项,请参阅http://sass-lang.com/documentation/file.SASS_REFERENCE.html#_16

  

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

grunt-contribe-cssmin使用clean-css来压缩和优化您的CSS。 Clean-css做的优化和Sass压缩不是其中之一:选择器和放大器。属性合并,缩减等(高级优化),基于订单合并的属性,@ media`合并,重组优化和速记压缩