我正在使用Grunt usemin和useminPrepare for CSS，如何添加缩小步骤

Question

以下是我的useminPrepare片段，有没有办法在这里向css添加一个缩小步骤，如果可能的话，我正在尝试避免另一个咕噜咕噜的插件......但我对所有答案持开放态度。

    useminPrepare:{
        html: './public/index.html',
        options:{
            dest: './public',
            flow:{
                html:{
                    steps:{
                        js: ['concat', 'uglifyjs'],
                        css: ['concat']
                    },
                    post:{}
                }
            }
        }
    }

Answer 1

如文档中所述，您应该将cssmin添加到 css 步骤配置中：

css : ['concat', 'cssmin']

希望对您有所帮助。

Answer 2

我最终不得不安装 grunt-contrib-cssmin 并将其添加到 grunt.loadNpmTasks 列表中。我还需要将cssmin部分添加到grunt文件中，并在useminPrepare任务中引用cssmin。这记录如下：

cssmin: {
    target: {
        files: {
          './public/style-min.css': ['./public/style.css']
        }
    }
},
useminPrepare:{
    html: './public/index.html',
    options:{
        dest: './public',
        flow:{
            html:{
                steps:{
                    js: ['concat', 'uglifyjs'],
                    css: ['concat', 'cssmin']
                },
                post:{}
            }
        }
    }
}