Grunt缩小内联css

Question

是否有任何grunt插件只是为了缩小内联css？我正在使用grunt-critical来注入内联css。是否有任何grunt插件来缩小1文件夹中所有html文件的内联css？我曾尝试grunt-htmlprocessor，它只是为了缩小html代码。

Answer 1

缩减大小是由默认设置为false的选项。你可以看到完整的选项列表here

// 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' 
    } 
} 

Answer 2

看看这个例子：它会做咕噜关键是在为你做同样的事情，但也将之前粘贴再缩小CSS 它内联，所以它会有效地做任务，你想让它做：

https://github.com/chyingp/grunt-inline

cssmin

如果cssmin分配真实的，的CSS将精缩前联。

Answer 3

您可以编写一个正则表达式来删除style="和"之间的所有空格。这需要相当数量的工作，但这是我目前唯一知道的解决方案。

Answer 4

试试吧！

用法：

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

https://github.com/gruntjs/grunt-contrib-cssmin