如何删除单个css文件中的重复样式,如果它们已经存在于common.css文件中。
common.css文件具有以下样式。
.nav {
background-color: red;
}
home.css有以下样式。
.nav {
background-color: red;
}
.home {
width: 300px;
}
现在,我想使用gulp任务修改home.css,删除重复的类**.nav**(因为我在common.css中有这个类,并且具有相同的属性)。修改home.css文件后,我将看到下面的输出。
.home {
width: 300px;
}
我不想更改或修改common.css文件。你能推荐一个节点包吗?
1条答案
按热度按时间yyyllmsg1#
你应该考虑把两个文件编译合并成一个“main”css文件,在那里你可以清理-缩小-等等。
因为如果两个文件不在同一页面上使用,删除它们的重复文件是没有“真实的好处”的。
如果它们在同一个页面上使用,可以使用一个缩小的合并的css文件,你也可以减少呈现页面的阻塞调用的数量。
可以将css文件与gulp-concat连接在一起:
可以使用clean-css或gulp-clean-css Package 程序删除重复项:
因此,您可以首先调用concat-css,然后调用minify-css,这样就有一个main.css文件可以使用,而不会出现重复。