gulp或nodejs什么插件能将css的内联样式提取合并到一个css文件中?

Question

如下方示例

<div style="width:200px;height:30px;"></div>
<div style="width:200px;height:30px;"></div>
<div style="width:200px;height:30px;"></div>

<div style="width:200px;height:30px;font-size:10px;"></div>

将html中的内联样式提取出来,然后整理到一个css文件中.再将样式链接回来
效果如下

<link href="整理后的css" rel="stylesheet" media="screen" />
<div class="整理后的类别选择符1"></div>
<div class="整理后的类别选择符1"></div>
<div class="整理后的类别选择符1"></div>

<div class="整理后的类别选择符2"></div>

不知道是否有这方面的插件 请前辈们指点一下