微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何检查重复的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.jb51.cc/css/216414.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。