gulp-local-css是局部css的gulp实现插件。
为css选择器添加属性选择器,及html添加属性,实现样式组件化。
css
/* 处理前 */ body { /*global*/ background: #333; } h1 { font-size: 100px; } /* 处理后 */ body { /*global*/ background: #333; } h1[_c86f0316] { font-size: 100px; }
html
<!--处理前--> <body> <h1>hello MID</h1> </body> <!--处理后--> <body _c86f0316> <h1 _c86f0316>hello _c86f0316</h1> </body>