我正在使用Grunt usemin和useminPrepare for CSS，我该如何添加minify步骤？

Question

以下是我的useminPrepare片段，有没有办法在这里添加一个minify步骤到css，我试图避免另一个grunt插件，如果可能的话......但我愿意接受所有答案。

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

Answer 1

正如docs中所述，您应该将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:{}
            }
        }
    }
}