Javascript Grunt缩小内联css

是否有任何grunt插件只用于缩小内联css？我使用grunt critical来注入内联css。是否有任何grunt插件可以缩小1个文件夹中所有html文件的内联css？我试过grunt htmlprocessor，它只会缩小html代码。

看看这个：它会做grunt critical为您做的同样的事情，但也会在内联粘贴之前缩小CSS，因此它会有效地完成您希望它完成的任务：

cssmin

如果cssmin赋值为true，.css将在内联之前缩小

---

您可以编写一个正则表达式，删除

style=“

和

”

之间的所有空格。这需要相当多的工作，但这是目前我所知道的唯一解决方案。

试试看

用法：

cssmin: {
  target: {
    files: [{
      expand: true,
      cwd: 'public/css',
      src: ['*.css', '!*.min.css'],
      dest: 'public/css',
      ext: '.min.css'
    }]
  }
}

---

缩小是一个默认设置为false的选项。您可以看到完整的选项列表

---

谢谢！我错过了那里的选项列表

// example from https://www.npmjs.com/package/grunt-critical

critical: {
    test: {
        options: {
            base: './',
            css: [
                'test/fixture/styles/main.css',
                'test/fixture/styles/bootstrap.css'
            ],
            minify:true,
            width: 320,
            height: 70
        },
        src: 'test/fixture/index.html',
        dest: 'test/generated/index-critical.html'
    }
}