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

Question

以下是我的 useminPrepare 片段，有没有办法在此处向 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:{}
            }
        }
    }
}

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

I am using Grunt usemin and useminPrepare for CSS, how can I add a minify step?

gruntjs

grunt-usemin