v 佬们这是一个前端样式移除的问题

2020-11-03 11:07:18 +08:00
 BenchWidth
之前有个项目进过了多次迭代后出现了许多无用的样式,请问有什么插件可以移除这些没有用到的样式嘛。或者检测出那些是无用样式手动删也可以。最好能够直接去除无用样式直接生成文件。样式可能存在于多个页面。
1008 次点击
所在节点    问与答
4 条回复
begoingtodo
2020-11-03 12:48:40 +08:00
这个理论上应该是没有的吧,因为有些节点可能是动态添加的。手动的话,chrome 的 coverage 可以查看引入的样式,在当前页面哪些使用了,哪些没使用
huayumo
2020-11-03 15:31:42 +08:00
这个说起来也挺简单,但是需要正则去读文件,自我感觉是这样
Roxk
2020-11-03 15:40:25 +08:00
cssnano 或者 purifycss 。彻底点似乎要用 styled components 或者 css modules 来写 css 。
题外话:个人感觉移除未使用的 css 给项目带来的风险远大于收益,有些 UI 少了一两个 css 就可能会崩,特别是那些需要特定业务操作才能出现的 UI,难以检查
IsaacYoung
2020-11-03 15:47:13 +08:00
老代码别动

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/721287

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX