V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
BenchWidth
V2EX  ›  问与答

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

  •  
  •   BenchWidth · 2020-11-03 11:07:18 +08:00 · 1022 次点击
    这是一个创建于 1458 天前的主题,其中的信息可能已经有所发展或是发生改变。
    之前有个项目进过了多次迭代后出现了许多无用的样式,请问有什么插件可以移除这些没有用到的样式嘛。或者检测出那些是无用样式手动删也可以。最好能够直接去除无用样式直接生成文件。样式可能存在于多个页面。
    4 条回复    2020-11-03 15:47:13 +08:00
    begoingtodo
        1
    begoingtodo  
       2020-11-03 12:48:40 +08:00
    这个理论上应该是没有的吧,因为有些节点可能是动态添加的。手动的话,chrome 的 coverage 可以查看引入的样式,在当前页面哪些使用了,哪些没使用
    huayumo
        2
    huayumo  
       2020-11-03 15:31:42 +08:00
    这个说起来也挺简单,但是需要正则去读文件,自我感觉是这样
    Roxk
        3
    Roxk  
       2020-11-03 15:40:25 +08:00 via iPhone
    cssnano 或者 purifycss 。彻底点似乎要用 styled components 或者 css modules 来写 css 。
    题外话:个人感觉移除未使用的 css 给项目带来的风险远大于收益,有些 UI 少了一两个 css 就可能会崩,特别是那些需要特定业务操作才能出现的 UI,难以检查
    IsaacYoung
        4
    IsaacYoung  
       2020-11-03 15:47:13 +08:00
    老代码别动
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1301 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 23:31 · PVG 07:31 · LAX 16:31 · JFK 19:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.