我正在寻找一个允许自己合并我的CSS选择器的工具(例如NodeJS或Ruby)。
该网站提供了minifyCSS选项,但它不是最佳选择,因为我将依赖该网站。
合并选择器的想法特别适用于我的媒体查询。
你知道什么样的插件吗?
谢谢大家:)
更新示例:
.mon-module-1 {
background: red;
@media #{$medium-up} {
background: orange;
padding: 3rem;
}
}
.mon-module-2 {
background: blue;
@media #{$medium-up} {
background: grey;
border: 1px red solid;
padding: 3rem 1rem;
}
}
编译:
@media (blablabla) {
.mon-module-1 {
background: orange;
padding: 3rem;
}
}
@media (blablabla) {
.mon-module-2 {
background: grey;
border: 1px red solid;
padding: 3rem 1rem;
}
}
我想要的是什么:
@media (blablabla) {
.mon-module-1 {
background: orange;
padding: 3rem;
}
.mon-module-2 {
background: grey;
border: 1px red solid;
padding: 3rem 1rem;
}
}