如何检查重复的CSS规则?

前端之家收集整理的这篇文章主要介绍了如何检查重复的CSS规则?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我搞砸了我的CSS,不知何故我有很多重复的规则,我的1800条线css文件现在是3000行..

有没有任何方式/工具,将我的css文件作为输入,并检查所有重复的规则?并可能产生一个删除这些冗余的CSS?

解决方法

安装节点JS
https://nodejs.org/en/download/

如果您已经安装了节点js,或者通过在启动时键入节点(在Windows机器上)安装打开的节点命令提示符窗口.

键入以下命令来安装css清理工具

npm install css-purge -g

工具安装完成后,

打开节点命令提示符窗口打开的文件夹,然后粘贴css文件,然后在节点cmd提示窗口中键入以下命令

css-purge -i style.css -o style_purged.css

其中,style.css是被搞砸的css文件名称,上面的命令将创建一个名为style_purged.css的新的css文件,该文件不包含重复的CSS规则.

但请注意,它也会删除您的评论.
https://www.npmjs.com/package/css-purge

原文链接:https://www.f2er.com/css/216414.html

猜你在找的CSS相关文章