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

Gruntjs 我正在使用Grunt usemin和useminPrepare for CSS,如何添加缩小步骤?,gruntjs,grunt-usemin,Gruntjs,Grunt Usemin,下面是我的useminPrepare代码段,有没有办法在css中添加一个缩略步骤,如果可能的话,我会尽量避免另一个grunt插件…但我愿意接受所有答案 useminPrepare:{ html: './public/index.html', options:{ dest: './public', flow:{ html:{ steps:{

下面是我的useminPrepare代码段,有没有办法在css中添加一个缩略步骤,如果可能的话,我会尽量避免另一个grunt插件…但我愿意接受所有答案

    useminPrepare:{
        html: './public/index.html',
        options:{
            dest: './public',
            flow:{
                html:{
                    steps:{
                        js: ['concat', 'uglifyjs'],
                        css: ['concat']
                    },
                    post:{}
                }
            }
        }
    }
如中所述,您应该将
cssmin
添加到css步骤配置中:

css : ['concat', 'cssmin']

希望有帮助。

我最后不得不安装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:{}
            }
        }
    }
}

这是它的一部分,完整的答案张贴。谢谢你的帮助。