咕噜声:风格:'compressed' VScssmin



我对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 的压缩选项可以,另请参阅 http://sass-lang.com/documentation/file.SASS_REFERENCE.html#_16:

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

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

相关内容

  • 没有找到相关文章

最新更新